jQuery Validate

如果跟一个字符串，会当作一个 css 类，也可跟一个函数。$("





#myform").validate({     success:





"valid", submitHandler:





function() {             alert("Submitted!")         }})highlight：可以给未通过验证的元素加效果、闪烁等。addMethod(name,method,message)方法参数 name 是添加的方法的名字。参数 method 是一个函数，接收三个参数 (value,element,param) 。value 是元素的值，element 是元素本身，param 是参数。我们可以用 addMethod 来添加除内置的 Validation 方法之外的验证方法。比如有一个字段，只能输一个字母，范围是 a-f，写法如下：$.validator.addMethod("af",function(value,element,params){     if(value.length>1){        return false;    } if(value>=params[0] && value<=params[1]){        return true;    }else{        return false;    }},"必须是一个字母,且a-f");如果有个表单字段的 name="username"，则在 rules 中写：username:





{ af:





["a","f"]}addMethod 的第一个参数，是添加的验证方法的名字，这时是 af。addMethod 的第三个参数，是自定义的错误提示，这里的提示为:





"必须是一个字母,且a-f"。addMethod 的第二个参数，是一个函数，这个比较重要，决定了用这个验证方法时的写法。如果只有一个参数，直接写，比如 af:





"a"，那么 a 就是这个唯一的参数，如果多个参数，则写在 [] 里，用逗号分开。meta String 方式$("





#myform").validate({ meta:





"validate", submitHandler:





function() { alert("Submitted!") }})<script type="text/javascript" src="js/jquery.metadata.js"></script><script type="text/javascript" src="js/jquery.validate.js"></script><form id="myform"> <input type="text" name="email" class="{validate:





{ required:





true,email:





true }}" /> <input type="submit" value="Submit" /></form>实例演示虚构的实例错误消息容器自定义消息作为元素数据radio（单选按钮）、checkbox（复选按钮）和 select（下拉框）与表单（Form）插件的交互（AJAX 提交）自定义方法和消息显示动态表单使用 jQuery UI Themeroller 定义表单样式TinyMCE - 一个轻量级的基于浏览器的所见即所得编辑器文件输入框jQuery Mobile 表单验证现实世界的实例Milk 注册表单Marketo 注册表单房屋买卖折叠面板表单远程 CAPTCHA（验证码）验证实例下载点击下载官方实例