form表单验证输入的内容不合法不能提交

最新推荐文章于 2023-06-15 17:29:04 发布

qq_1061383457

最新推荐文章于 2023-06-15 17:29:04 发布

阅读量3.3k

点赞数 1

分类专栏：前端

本文链接：https://blog.csdn.net/adingyb/article/details/80763800

版权

前端专栏收录该内容

15 篇文章 0 订阅

订阅专栏

验证身份证号码不合法，表单不能提交，同理验证为空不能提交也一样下面上代码：

<form class="form-horizontal" id="sysManager-tel-save-submit"   οnsubmit="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="身份证号码" οnblur="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>