以下是原代码:
<link rel="stylesheet" type="text/css" href="css/styles.css">
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript">
var regu = /^[0-9a-zA-Z_]{4,16}$/;
$(function(){
$("#txtName").blur(function(){
if($("#txtName").val()==""){
$("#dName").html("<font color=red>*会员名不能为空!</font>");
return false;
}
else if(!regu.test($("#txtName").val())){
$("#dName").html("<font color=red>*会员名必须由字母,数字,下划线组成(4-16位)!</font>");
return false;
}
$("#dName").html("<img src='image/check_right.gif'/>");
});
$("#txtPwd").blur(function(){
if($("#txtPwd").val()==""){
$("#dPwd").html("<font color=red>*密码不能为空!</font>");
return false;
}
if(!regu.test($("#txtPwd").val())){
$("#dPwd").html("<font color=red>*密码必须由字母,数字,下划线组成(4-16位)!</font>");
return false;
}
$("#dPwd").html("<img src='image/check_right.gif'/>");
});
$("#txtPwd2").blur(function(){
if($("#txtPwd2").val()==null){
$("#dPwd2").html("<font color=red>*确认密码不能为空!</font>");
return false;
}
if($("#txtPwd2").val()!=$("#txtPwd").val()){
$("#dPwd2").html("<font color=red>*确认密码输入有误!</font>");
return false;
}
$("#dPwd2").html("<img src='image/check_right.gif'/>");
});
});
</script>
</head>
<body>
<form action="Register" method="post" onsubmit="return blur()" >
<table width="500" border="0" align="center" cellspacing="4" cellpadding="0">
<tr >
<td colspan="3" align="center"><h2>会员注册信息</h2>
</tr>
<TR>
<td width="90" valign="bottom">会 员 名:
<td width="210" valign="bottom"><input type="text" id="txtName" name="txtName" class="input" >
<td><div id="dName"></div>
</TR>
<tr >
<td valign="bottom">密 码:
<td valign="bottom"><input type="password" id="txtPwd" name="txtPwd" class="input">
<td><div id="dPwd"></div>
</tr>
<tr>
<td valign="bottom">确认密码:
<td valign="bottom"><input type="password" id="txtPwd2" name="txtPwd2" class="input">
<td><div id="dPwd2"></div>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" name="btnsubmit" value="注 册">
</tr>
</table>
</form>
</body>
</html>