`
Johnny_GZ
  • 浏览: 176396 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

jquery表单验证-自定义及常用验证(转)

阅读更多
<script type="text/javascript">
         jQuery.validator.addMethod("regex",  //addMethod第1个参数:办法名称
         function(value, element, params) {     //addMethod第2个参数:验证办法,参数(被验证元素的值,被验证元素,参数)
             var exp = new RegExp(params);     //实例化正则对象,参数为传入的正则表达式
             return exp.test(value);                    //测试是否匹配
         },
         "格局错误");    //addMethod第3个参数:默认错误信息
         ¥(function() {
             ¥("#signupForm").validate(

             {
             rules: {
                 txtPassword1: "required",  //暗码1必填

                 txtPassword2: {    //暗码2的描述多于1项应用对象类型
                     required: true,  //必填,这里可所以一个匿名办法
                     equalTo: "#txtPassword1",  //必须与暗码1相等
                     rangelength: [5, 10],    //长度5-10之间
                     regex: "^\w+¥"          //应用自定义的验证规矩,在上例中新增的项目组
                 },

                 txtEmail: "email"   //电子邮箱必须合法
             },
             messages: {
                 txtPassword1: "您必须填写",

                 txtPassword2: {
                     required: "您必须填写",
                     equalTo: "暗码不一致",
                     rangelength: "长度必须介于{0} 和 {1} 之间的字符串",
                     regex: "暗码只能是数字、字母与下划线"
                 }
             },
             debug: false,  //若是批改为true则表单不会提交
             submitHandler: function() {
                 alert("开端提交了");
             }
         });
     });
     </script>

常用方法:
// 号码验证
jQuery.validator.addMethod("mobile", function(value, element) {
     var length = value.length;
     var mobile =  /^(((13[0-9]{1})|(15[0-9]{1}))+d{8})¥/
     return this.optional(element) || (length == 11 && mobile.test(value));
}, "号码格局错误"); 

// 德律风号码验证 
jQuery.validator.addMethod("phone", function(value, element) {
     var tel = /^(0[0-9]{2,3}-)?([2-9][0-9]{6,7})+(-[0-9]{1,4})?¥/;
     return this.optional(element) || (tel.test(value));
}, "德律风号码格局错误");

// 邮政编码验证 
jQuery.validator.addMethod("zipCode", function(value, element) {
     var tel = /^[0-9]{6}¥/;
     return this.optional(element) || (tel.test(value));
}, "邮政编码格局错误");

// QQ号码验证 
jQuery.validator.addMethod("qq", function(value, element) {
     var tel = /^[1-9]d{4,9}¥/;
     return this.optional(element) || (tel.test(value));
}, "qq号码格局错误");

// IP地址验证
jQuery.validator.addMethod("ip", function(value, element) {
     var ip = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?).){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)¥/;
     return this.optional(element) || (ip.test(value) && (RegExp.¥1 < 256 && RegExp.¥2 < 256 && RegExp.¥3 < 256 && RegExp.¥4 < 256));
}, "Ip地址格局错误");

// 字母和数字的验证
jQuery.validator.addMethod("chrnum", function(value, element) {
     var chrnum = /^([a-zA-Z0-9]+)¥/;
     return this.optional(element) || (chrnum.test(value));
}, "只能输入数字和字母(字符A-Z, a-z, 0-9)");

// 中文的验证
jQuery.validator.addMethod("chinese", function(value, element) {
     var chinese = /^[u4e00-u9fa5]+¥/;
     return this.optional(element) || (chinese.test(value));
}, "只能输入中文");

// 下拉框验证
¥.validator.addMethod("None", function(value, element) {
     return value == "请选择";
}, "必须选择一项");

// 字节长度验证
jQuery.validator.addMethod("byteRangeLength", function(value, element, param) {
     var length = value.length;
     for (var i = 0; i < value.length; i++) {
         if (value.charCodeAt(i) > 127) {
             length++;
         }
     }
     return this.optional(element) || (length >= param[0] && length <= param[1]);
}, ¥.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));

分享到:
评论

相关推荐

    【原创】jquery表单验证插件

    本人制作的jquery表单验证插件JfomValidate 功能:可以完成绝大数页面的脚本验证效果,压缩包里有示例和调用说明。 压缩包包含文件: index.html -- 说明及示例 JfomValidate.min.js -- 插件 jquery-1.3.2.min.js -...

    jquery-validate-1.4.0

    jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...

    自定义可扩展的表单验证方法 - 带实例

    现包含用户名、密码、密码一致性、电话、身份证、简单的空值验证... 可以自己很轻松地添加正则验证和自定义验证函数,调用方法简单方便 现在分享出来给大家参考

    jQuery Validation Engine ( jQuery 表单验证插件)

    Validation Engine是一款基于Jquery的js表单验证插件。相对于之前的传统表单验证工具,其优点是自定义验证内容更广泛以及与AJAX的方便整合。

    jQuery 表单验证插件

    jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)...

    jQuery插件Validate实现自定义表单验证

    主要介绍了jQuery插件Validate实现自定义表单验证,自定义一个验证方法,感兴趣的小伙伴们可以参考一下

    jQuery-Validation-Engine:jQuery表单验证插件

    jQuery验证引擎是一个Javascript插件,旨在验证浏览器(IE 6-8,Chrome,Firefox,Safari,Opera 10)中的表单字段。 该插件提供了吸引人的视觉提示,吸引了用户对主题的关注。 验证范围从电子邮件,电话和URL到更...

    jQuery多功能注册表单验证插件代码

    功能介绍:jQuery多功能注册表单验证插件代码,能够验证几乎所有字段,让你自定义错误提示的长度,提示内容,提示字体颜色,还能与php动态验证手机号或者用户名在数据库是否存在,还能验证身份证是否输入正确,还能配合短信...

    jquery自定义表单验证插件

    主要为大家详细介绍了jquery自定义表单验证插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

    自定义基于jQuery的客户端表单验证工具

    做健壮的可交互的web应用时,离不开表单输入数据的校验工作,不对输入的数据做验证,很难保证程序不出现错误。表单数据验证一般分为客户端验证和服务器端验证。客户端验证是利用Javascript/DOM技术,对表单域输入的...

    jQuery权威指南-源代码

    其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括...

    jquery-form-validation:一个 jQuery 表单验证插件,可以轻松地向现有表单添加验证。 错误消息可完全自定义并翻译成 22 种语言

    jQuery 表单验证脚本一个 jQuery 表单验证插件,可以轻松地向现有表单添加验证。 错误消息可完全自定义并翻译成 22 种语言。 该插件还动态地添加了角色,以帮助使您的表单更易于访问。支持的语言英语、荷兰语、法语...

    jquery表单验证

    jquery表单验证,可以自定义错误信息和样式。

    表单验证控件 简单

    1、验证插件支持正则表达式验证,函数验证,ajax异步验证,支持对比验证,并支持对表单的自定义属性或指定属性进行验证,应该足矣满足常用软件及网站开发需求。(可根据自己需求,手动添加验证方式) 2、插件支持...

    jquery表单验证插件Validform框架demo实例代码下载

    jquery表单验证插件Validform框架demo实例代码

    jQuery-Validation-Engine-2.6.2-ciaoca.rar

    jQuery Validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...

    jquery.validate-1.13.1.js

    jquery.validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求。该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来...

    jquery表单验证差价validate简单示例

    一个简单的validate表单验证例子,包含的通用为空、格式(邮政编码等)、自定义验证、ajax验证……

    jquery验证插件,脚本验证插件

    囊括11种常见的格式验证形式,如果这些类型还不够,可以方便的传入自定义datype【可以是正则或函数】,实现几乎任何您需要的验证形式。 任何你想要的信息提示效果。tiptype可以传入1、2或函数,传入函数几乎可以...

Global site tag (gtag.js) - Google Analytics