登陆练习

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>登陆</title>
<script type="text/javascript">
function test() {
var re = /^[a-zA-Z_]\w*$/;//试了n遍总算试出来了,生成后要刷新浏览器
var msg = document.getElementById("1").value;
var result = re.test(msg);
if (!re.test(msg)) {
alert("“登录名”必须是字母数字或下划线, 不能以数字开头");
return;
}
var re2 = /\w{6,16}/;
var pw = document.getElementById("2").value;
if (!re2.test(pw)) {
alert("密码为6-16位字母、数字或者下划线");
return;
}
var pw2 = document.getElementById("3").value;
if (pw != pw2) {
alert("密码不一致");
return;
}
var re3 = /\w+@\w+\.\w+/;
var em = document.getElementById("4").value;
if (!re3.test(em)) {
alert("邮件地址错误");
return;
}
var em2 = document.getElementById("5").value;
if (em!=em2) {
alert("邮件地址不一致");
return;
}
}
function reload() {
location.reload();
}

</script>
</head>

<body style="text-align:center">
<table border="1">
<tr><td colspan="2" style=" background-color:Green">必填信息</td></tr>
<tr><td>登陆名</td><td><input type="text" id="1" />(只能用英文、数字和下划线)</td></tr>
<tr><td>密码</td><td><input type="text" id="2" />(密码必须大于五位,区分大小写)</td></tr>
<tr><td>确认密码</td><td><input type="text" id="3" /></td></tr>
<tr><td>邮件地址</td><td><input type="text" style="width:250px" id="4"/></td></tr>
<tr><td>确认邮件地址</td><td><input type="text" style="width:250px" id="5"/></td></tr>
<tr><td style=" text-align:center"><input type="button" value="提交" onclick="test()"/></td><td style=" text-align:center"><input type="button" value="重填" onclick="reload()"/></td></tr>
</table>
</body>
</html>

 

posted @ 2012-02-19 17:57  zwjyx_  阅读(215)  评论(0编辑  收藏  举报