!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>