对form表单进行简单的验证,错误之处,原来者指正,谢谢!
function check(Form) {
var nameExpression = /[^\u4E00-\u9FA5]/;
var PnumExpression = /^\d{17}[\d|X]|^\d{15}$/;
var EmailExpression = /\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w)*/;
var TelephoneExpression = /^1[2-9]{1}\d{9}$/;
var userNameExpression = /^(\w){3,10}$/;//3-10位的字母、数字、下划线组成的
var passwordExpression = /^[A-Za-z]{1}([A-Za-z0-9]|[._]){5,19}$/;//6-20位的字母、数字、下划线和点组成的
var NameEx = new RegExp(nameExpression);
var PnumEx = new RegExp(PnumExpression);
var EmailEx = new RegExp(EmailExpression);
var TelephoneEx = new RegExp(TelephoneExpression);
var userNameEx = new RegExp(userNameExpression);
var passwordEx = new RegExp(passwordExpression);
for(var i = 0; i < Form.length; i++){
if(Form.elements[i].value == ""){
alert(Form.elements[i].id + "不能为空");
Form.focus();
return false;
}
}
var strName = Form.name.value;
if(NameEx.test(strName)){
alert("输入的真是姓名不正确");
return false;
}z
var pNum = Form.Pnum.value;
if(!PnumEx.test(pNum)){
alert("输入的身份证号码不正确");
return false;
}
var strEmail = Form.email.value;
if(!EmailEx.test(strEmail)){
alert("Email格式不对");
return false;
}
var strTelephone = Form.telephone.value;
if(!TelephoneEx.test(strTelephone)){
alert("请输入正确的手机号码");
return false;
}
var strUserName = Form.userName.value;
if(!userNameEx.test(strUserName)){
alert("请输入3-10位的字母、数字、下划线组成的用户名");
return false;
}
var strpPassword = Form.password.value;
if(!passwordEx.test(strpPassword)){
alert("请输入6-20位的字母、数字、下划线和点组成的密码");
return false;
}
return true;
}
<form name="form1" action="pose" id="form1">
<table align="center" border="0">
<br /><caption align="center">用户注册</caption><br /><br /><br />
<tr>
<td>真实姓名:</td> <td><input type="text" id="name"/></td>
</tr>
<tr>
<td>身份证:</td> <td><input type="text" id="Pnum"/></td>
</tr>
<tr>
<td>Email:</td> <td><input type="text" id="email"/></td>
</tr>
<tr>
<td>手机号码:</td> <td><input type="text" id="telephone"/></td>
</tr>
<tr>
<td>用户名:</td> <td><input type="text" id="userName"/></td>
</tr>
<tr>
<td>密码:</td> <td><input type="password" id="password"/></td>
</tr>
<tr>
<td colspan="3"><input type="button" value="注册" οnclick="return check(form1);"/> <input type="reset" value="重置"/></td>
</tr>
</table>
</form>