代码改变世界

关于正则表达式的简单引用

2012-01-10 09:57  VVG  阅读(372)  评论(0)  编辑  收藏  举报 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>打开和关闭窗口以及关闭本身窗口</title>
</head>
<body>
<p>设计一个表单，该表单有姓名和某种卡号两个文本输入框，其中这种卡号的格式为“XXXX-XXXX-XXXX-XXXX”（每个X代表一个数字），要求用户单击提交按钮之前验证这两个输入数据的有效性</p>
<form id="form1" name="form1" method="post" action="">

<p>姓名：<input name="textfield1" type="text" value="Mis.W" />
</p>

<p>卡号：<input name="textfield2" type="text" value="1234-1234-1234-1234" />
  如：0000-0000-0000-0000
</p>
<p>电话：
  <label>
  <input name="textfield3" type="text" value="021-12345678" />
  </label>
  021-12345678 或者 0733-1234567 或者</p>
<p>Email:
  <label>
  <input name="textfield4" type="text" value="klk@kl.com" />
  </label>
  klk@kl.com
</p>
<p><input type="button" value="发送" onclick="checkCard()" />
</p>
</form>
<script type="text/javascript">
	function checkCard(){
		var name = document.forms[0].elements["textfield1"].value;
		var str = document.forms[0].elements["textfield2"].value;
		var phone = document.forms[0].elements["textfield3"].value;
		var email = document.forms[0].elements["textfield4"].value;
		var reg1 = /^(\d{4}-){3}\d{4}$/; //检查卡号
		var reg2 = /^\d{3}-\d{8}|\d{4}-\d{7}$/;//检查电话号码
		var reg3 = /^\w+@\w+\.com\.cn|\w+@\w+\.com|\w+@\w+\.cn|\w+@\w+\.org|\w+@\w+\.net|\w+@\w+\.net\.cn$/;//检查Email
		if(!reg1.test(str)){alert("卡号格式不对！"); return false;}
		if(!reg2.test(phone)){	alert("电话格式不对！"); return false;}
		if(!reg3.test(email)){alert("邮件格式不对！"); return false;}
		alert("成功！")
	}

</script>
</body>
</html>