form表單驗證輸入的內容不合法不能提交

驗證身份證號碼不合法,表單不能提交,同理驗證爲空不能提交也一樣 下面上代碼:
<form class="form-horizontal" id="sysManager-tel-save-submit"   onsubmit="return cheack()"
		 action="<%=context%>/weChatEventReport/weChatSaveEventReport.action" method="post" >
<div class="form-group">
			<label class="col-sm-3 control-label no-padding-right" for="sysManager-user-RealNameInfo-add-tel"> 身份證號碼<span style="color: red;">*</span> </label>

			
				<input type="text" id="sysManager-user-RealNameInfo-add-tel" 
				name="hostCard" class="col-xs-10 col-sm-5" placeholder="身份證號碼" onblur="idCard()" required="true"/>
				<span id="phonespan" style="display: none; color: red;">請輸入有效的身份證號碼!</span>
			
		</div>
</form>


<script type="text/javascript">
//身份證號碼的驗證方法
function checkNumber(idNumber){
//驗證身份證號碼的正則表達式
 var Reg =/(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;	
	var res = Reg.test(idNumber);
	return res;
}

//驗證身份證號碼
function idCard() {
	var idNumberEle =$("#sysManager-user-RealNameInfo-add-tel").val();
	/* alert(idNumberEle); */
	var res = checkNumber(idNumberEle);
	if(res){
		$("#phonespan").hide();		
	}else{
		$("#phonespan").show();			
	}	
}

//身份證號碼不合法不能提交
function cheack() {
	//alert("11");
	var idNumberEle =$("#sysManager-user-RealNameInfo-add-tel").val();
	var res = checkNumber(idNumberEle);
	if(res){	
		alert(res);
		$("#phonespan").hide();
		return res;	
	}else{
		alert(res);
		$("#phonespan").show();	
		return res;
	}
	
}

</script>


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