對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>