jQuery的表单校验插件validate
2008-01-10 14:02
666 查看
官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bassistance.de/api-browser/plugins.html 今天试了一下,还是比较方便的,主要是可以与jQuery结合起来做到与HTML分离. 官网的例子里引用了几个js和css文件,但只需引用jquery.validate.js这一个文件即可. 贴个简单的例子: $('#EditView').validate({ event: "keyup", rules:{ name:{required:true}, cosa_commodity_group_list:{required:true} }, submitHandler:function(){ $("#group_list > option").attr("selected","selected"); $(this).submit(); } }); 1.event是触发校验的方式,可选值有keyup(每次按键时),blur(当控件失去焦点时),不使用这个参数时就只在按提交按钮时触发 2.如果在提交前还需要进行一些自定义处理使用submitHandler参数,其它的都比较简单,自己看看API就成了. 3.debug,如果这个参数为true,那么表单不会提交,只进行检查,调试时十分方便. 4.rules,所有的检验规则都写在这个参数里面. 格式为: ID : {rule1,rule2,...} (1) required: true 必输 (2) number: true 只能输入数字(包括小数) (3) digits:true 只能输入整数 (4) minValue: 3 不能小于3 (5) maxValue: 100 最大不超过100 (6) rangeValue:[50,100] 值范围为50-100 (7) minLength: 5 最小长度(汉字算一个字符) (8) maxLength: 10 最大长度(汉字算一个字符) (9) rangeLength:[5,10] 长度范围为5至10位(汉字算一个字符) (10) 上面的minLength, maxLength, rangeLength 这三项除了text input之外还可以用于checkbox,select这两种控件 (11) email:true 电子邮件 (12) equalTo: "#field" 与#field值相同 (13) dateISO:true 日期型,格式为1998/01/22 1999-12-12 5.messages,自定义错误信息,格式与rules类似: messages { password: { required: "请输入您的密码." minLength: "密码不能小于5位.", maxLength: "密码不能长于32位." }, |
相关文章推荐
- 表单实时校验插件——jquery.validateForm.js(v.2.0)
- 根据jquery.validate.js写的一个通用的form表单校验插件
- jQuery Validate表单验证插件 添加class属性形式的校验
- 使用jquery.validate.min.js插件进行表单验证并自定义校验规则
- JQuery 表单校验插件 validate 使用纪录
- jQuery Validate 表单验证插件----利用jquery.metadata.js将校验规则直接写在class属性里面并定义错误信息的提示
- jQuery Validate表单验证插件 添加class属性形式的校验
- Jquery validate插件之表单校验
- jQuery Validate 表单验证插件----自定义校验结果样式
- jQuery的表单校验插件validate
- 关于JQuery validate表单校验插件对级联下拉框的校验问题
- 使用JQuery.Validate插件来校验页面表单有效性
- jQuery的表单校验插件validate(转)
- 基于jquery的表单校验插件 - formvalidator使用体验
- 表单验证插件jquery.validate的使用方法演示
- jQuery - Validate插件为表单提供强大的验证功能
- JQuery -- Validate, Jquery 表单校验
- js表单校验方法(JQuery-Validate使用方法)
- jquery validate强大的jquery表单验证插件
- 表单验证插件jquery.validate