<!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="发送" οnclick="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>
187
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
