为什么自定义函数效验器和页面加载成功事件不能放在一起

来源:互联网 发布:java中new的用法 编辑:程序博客网 时间:2024/04/27 14:58
!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>