!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<!--1.导入jq的js文件-->
<script type="text/javascript" src="../js/jquery-1.11.0.min.js" ></script>
<script type="text/javascript" src="../js/jquery.validate.js" ></script>
<script type="text/javascript" src="../js/messages_zh.js" ></script>
<script>
//
页面加载成功之后锁定,要加载的页面对象
$(function(){
//
锁定要效验的表单对象,调用validate方法
$("#formId").validate({
rules:{
card:{
required:true,
cardLength:true
}
},
//提示信息
messages:{
card:{
cardLength:"请输入16位到18位的数字"
}
}
});
});
//自定义函数效验器和页面加载成功事件不能放在一起,因为页面加载成功事件也是一个函数,两个函数不能相互嵌套
$.validator.addMethod("cardLength",function(val,ele,par){
if(par) {
if(val.length == 16 || val.length == 18) {
return true;
}
return false;
}else {
return true;
}
},"输入不合法");
</script>
</head>
<body>
<form id="formId" action="">
必填：<input type="text" name="username" /> <br/> 必填数字：
<input type="text" name="password" /> <br /> 必填重复：
<input type="text" name="repassword" /> <br /> 最小值：
<input type="text" name="zuixiaozhi" /> <br /> 区间：
<input type="text" name="shuzhiqujian" /> <br />
身份证长度:<input type="text" name="card" /> <br />
<input type="submit" value="提交" />
</form>
</body>
</html>
0
点赞
收藏
分享
为什么自定义函数效验器和页面加载成功事件不能放在一起
相关推荐
0 条评论
