如何封装一个jq表单验证插件工具类？
- 内容介绍
- 文章标签
- 相关推荐
本文共计448个文字，预计阅读时间需要2分钟。
javascriptjQuery.validate.addMethod('vadd', function(value, element, params) { var rule='(' + params.ru + ')'; return this.optional(element) || eval(rule);}, jQuery.format('Please check the {0} field.'));
jquery.validate.add.js;(function($) { var vd=new Object; vd["rules"]=new Object; vd["messages"]=new Object; $.extend({ vadd: function (id,ru,me) { vd["rules"][id]=eval("({"+ru+"})"); if (me!=null) { pre=ru.substr(0,ru.indexOf(":")); vd["messages"][id]=eval('({'+pre+':"'+me+'"})'); } }, vform: function (form){$(form).validate(vd);} }); })(jQuery); 使用方法.txt
$.vadd("id","规则","不符合提示"); $.vform(表单); 当然，引入文件别忘了。 规则列表 ：required:true 必须输入的字段。 remote:"check.jsp" 使用 ajax 方法调用 check.jsp 验证输入值。 email:true 必须输入正确格式的电子邮件。 url:true 必须输入正确格式的网址。 date:true 必须输入正确格式的日期。
本文共计448个文字，预计阅读时间需要2分钟。
javascriptjQuery.validate.addMethod('vadd', function(value, element, params) { var rule='(' + params.ru + ')'; return this.optional(element) || eval(rule);}, jQuery.format('Please check the {0} field.'));
jquery.validate.add.js;(function($) { var vd=new Object; vd["rules"]=new Object; vd["messages"]=new Object; $.extend({ vadd: function (id,ru,me) { vd["rules"][id]=eval("({"+ru+"})"); if (me!=null) { pre=ru.substr(0,ru.indexOf(":")); vd["messages"][id]=eval('({'+pre+':"'+me+'"})'); } }, vform: function (form){$(form).validate(vd);} }); })(jQuery); 使用方法.txt
$.vadd("id","规则","不符合提示"); $.vform(表单); 当然，引入文件别忘了。 规则列表 ：required:true 必须输入的字段。 remote:"check.jsp" 使用 ajax 方法调用 check.jsp 验证输入值。 email:true 必须输入正确格式的电子邮件。 url:true 必须输入正确格式的网址。 date:true 必须输入正确格式的日期。