首先将实现插件的代码包装为一个函数,因为插件是需要在jQuery上定义的,因此调用plugFn函数需要传递参数 jQuery 或 $ 变量;在插件中定义了构造函数 $.validator 及其属性,方法,以及 原型对象方法,在扩展$.fn的原型方法validate中,实例化了一个 $.validator对象,并调用实例方法,这就是插件的整个实现逻辑。 // 为
$.extend($.fn, {//验证from表单validate:function( options ) {//...//实例化$.validator对象varvalidator =new$.validator( options,this[0] );//当表单提交时,通过调用$.validator的原型方法form来验证表单元素this.onsubmit(function(){if( validator.form() ){returntrue; }returnfalse; }); },//获...
$.validator.setDefaults({ submitHandler: function(form) { alert("提交事件!");form.submit(); } });如果想提交表单, 需要使用 form.submit(),而不要使用 $(form).submit()。2、debug,只验证不提交表单如果这个参数为true,那么表单不会提交,只进行检查,调试时十分方便。
extension: "请输入有效的后缀", maxlength: $.validator.format("最多可以输入 {0} 个字符"), minlength: $.validator.format("最少要输入 {0} 个字符"), rangelength: $.validator.format("请输入长度在 {0} 到 {1} 之间的字符串"), range: $.validator.format("请输入范围在 {0} 到 {1} 之间...
插件描述:Validator是一个jQuery验证插件,可以验证文本,文本区,密码复选框并选择元素。验证器支持:需要依赖复选框,最小/最大长度、电子邮件、数量、数字和一些定位的错误消息? 使用 包括在头: 1 2 插件激活: 默认初始化时,插件将寻找任何形式包含类
jQuery.validator内部做了很多处理,下面写法都是可以的 1. 2. 3. 4. 同时还支持HTML5的type属性,如:
//jqueryvalidation.org/files/dist/additional-methods.min.js">// just for the demos, avoids form submitjQuery.validator.setDefaults({debug:true,success:"valid"});$("#myform").validate({rules:{password:"required",password_again:{equalTo:"#password"}}});...
maxlength: $.validator.format("最多可以输入 {0} 个字符"), minlength: $.validator.format("最少要输入 {0} 个字符"), rangelength: $.validator.format("请输入长度在 {0} 到 {1} 之间的字符串"), range: $.validator.format("请输入范围在 {0} 到 {1} 之间的数值"), ...
如果有了jquery-validator.js,那么你可以这样写: $('#form').onSubmit(function(){ //内置的2个验证器,支持链式表达,返回调用对象 $('#phone').addValidator('phone','手机输入'); $('#passwd').addValidator('passwd','密码'); ... //重写已有的 或者添加新的验证器,只需要一个json格式 var myVali...
4、修正ajaxValidator函数在后台无法获取中文的bug。 5、更新了升级记录、用户手册、增加了2个提问。 1、现场演示 http://img.jb51.net/online/formValidator3.1https://p.download-x.com/demo.html 2、jQuery pageValidator插件主要功能 支持所有类型客户端控件的校验 ...