<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>
form表單驗證輸入的內容不合法不能提交
驗證身份證號碼不合法,表單不能提交,同理驗證爲空不能提交也一樣 下面上代碼:
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.