1. 程式人生 > >JS驗證通過之後才提交表單

JS驗證通過之後才提交表單

JS程式碼:

<script type="text/javascript">
		 function reg()
		 {
			var v1 = document.getElementById('consumerName').value;
			var s = document.getElementById('sex');
			var v3 = document.getElementById('consumerPasswd').value;
			var v4 = document.getElementById('consumerPasswd2').value;
			var v5 = document.getElementById('consumerTel').value;
			var resualt=false; 
			if(v1.length==0)
		  	{
		   		alert("請輸入暱稱");
		   		return false;
		  	}
			 for(var i=0;i<document.toReg.sex.length;i++)  
			 {  
			 	if(document.toReg.sex[i].checked)  
			   	{  
			    	resualt=true;  
			    }  
			 }  
			 if(!resualt)  
			 {  
			   alert("請選擇性別"); 
			   return false;
			 }  
			  	
		 	if(v3.length==0){
		 		alert ("請輸入密碼");
		 		return false;
		 	}
		 	if(v4.length==0){
		 		alert ("請再次輸入密碼");
		 		return false;
		 	}
		 	if(v5.length==0){
		 		alert ("請輸入您的手機號碼");
		 		return false;
		 	}
		 	if(!(v3==v4)){
		 		alert ("兩次輸入的密碼不一致");
		 		return false;
		 	}
		 	if(!(document.getElementById("cbxNotice").checked))
		 	{    
		 		alert("請先閱讀服務條款!");
		 		return false;
		 	}
		 	document.getElementById("toReg").submit();
		 }
	</script>

HTML程式碼:
<input type="button" value="馬上註冊" onclick="return reg()" />