javaScript正則之form驗證

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


 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章