关闭

jquery 插件 validate 的常用方法

241人阅读 评论(0) 收藏 举报
分类:

jquery 插件 validate 的常用方法

在表单验证时,使用jquery的插件 validate 可以提高验证速度,
1,常用的验证规则有:

required: "必选字段",
        remote: "请修正该字段",
        email: "请输入正确格式的电子邮件",
        url: "请输入合法的网址",
        date: "请输入合法的日期",
        dateISO: "请输入合法的日期 (ISO).",
        number: "请输入合法的数字",
        digits: "只能输入整数",
        creditcard: "请输入合法的信用卡号",
        equalTo: "请再次输入相同的值",
        accept: "请输入拥有合法后缀名的字符串",
        maxlength: jQuery.format("请输入一个长度最多是 {0} 的字符串"),
        minlength: jQuery.format("请输入一个长度最少是 {0} 的字符串"),
        rangelength: jQuery.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"),
        range: jQuery.format("请输入一个介于 {0} 和 {1} 之间的值"),
        max: jQuery.format("请输入一个最大为 {0} 的值"),
        min: jQuery.format("请输入一个最小为 {0} 的值")

2,如果需要将错误信息改为中文, 可以使用jquery.validate.messages_cn.js插件;

3,如果需要更改 错误信息的位置, 可以在$(“#form”).validate({ * * * }); 中添加errorPlacement 属性, 具体方法如下:

$("#updatePasswordForm").validate({
        errorPlacement : function(error, element) { // 设置错误元素位置
            error.appendTo(element.parent().next());
        },
        rules : {
            oldPassword : {
                required : true,
                rangelength : [ 6, 10 ]
            },
            newPassword : {
                required : true,
                rangelength : [ 6, 10 ]
            },
            confirmNewPassword : {
                equalTo : "#newPassword"
            }
        }
    });

其中, error 表示的是错误信息, element 表示的是当前的 表单元素;

4, 也可以使用自定义的 validate 规则, 下面是拷贝别人的代码:

// JavaScript Document  

//检测手机号是否正确  
jQuery.validator.addMethod("<strong>isMobile</strong>", function(value, element) {  
    var length = value.length;  
    var regPhone = /^1([3578]\d|4[57])\d{8}$/;  
    return this.optional(element) || ( length == 11 && regPhone.test( value ) );    
}, "请正确填写您的手机号码");   

//检测用户姓名是否为汉字  
jQuery.validator.addMethod("<span style="color:#FF0000;"><strong>isChar</strong></span>", function(value, element) {  
    var length = value.length;  
    var regName = /[^\u4e00-\u9fa5]/g;  
    return this.optional(element) || !regName.test( value );    
}, "请正确格式的姓名(暂支持汉字)");  

//檢測邮政编码  
jQuery.validator.addMethod("<strong>isZipCode</strong>", function(value, element) {    
    var tel = /^[0-9]{6}$/;  
    return this.optional(element) || (tel.test(value));  
}, "请正确填写您的邮政编码"); 
0
0
查看评论

Jquery validate插件自定义验证规则

作为一个有强迫症存在的人,最见不得就是不统一的格式,对不齐的代码。所以在对表单填写项进行validate插件验证时,有一些验证规则是根据实际需要个性化定制的。如果不扩展validate插件规则,就会导致验证提示的表现方式不同,这简直能逼死强迫症。所以我就查找了一下,validate插件果然也有能自定...
  • sinat_29673403
  • sinat_29673403
  • 2016-12-27 13:41
  • 681

使用jQuery validate插件验证表单

使用JQuery validate插件验证表单
  • sinat_19833881
  • sinat_19833881
  • 2017-02-28 17:06
  • 1181

表单验证插件jQuery.validate 介绍+快速入门案例

由于项目需要,学习了jQuery.validate表单验证插件,这是一款很好用的插件,功能强大又简单,现在把学到的东西记录下来,方便以后回顾。 jQuery.validate简介下边的介绍来自菜鸟教程 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时...
  • Creabine
  • Creabine
  • 2016-04-13 14:12
  • 1289

jQuery-Validate验证插件的使用步骤详解

我们知道,用户在注册的时候,会有个表单页面,然后有些选项是必填的,有些要填的内容是有规范的,这些都要在用户提交之前进行验证才行,如果不符合要求,需要在右边显示一个友好的提示,让用户修改。   记得以前在学习Servlet的时候,实现一个简单的用户注册功能的验证是在后台做的,有些用了正则表达式,有些...
  • eson_15
  • eson_15
  • 2016-05-25 23:41
  • 47777

jquery validate和jquery form 插件组合实现验证表单后AJAX提交

title 1.目前贵公司服务器规模有多少? 2.贵公司IT架构对云计算的使用现状是? A. 完全传统IT架构 B. 已经使用虚拟化 C. 已经开始云的使用 3.如果贵公司当前已经使用虚拟化部署,正在使用的虚拟机的数量是多少台? A.0...
  • vm021
  • vm021
  • 2016-04-08 11:41
  • 755

JQuery validate插件验证用户注册信息

使用JQuery的validate插件做客户端验证非常方便,下面做一个使用validate插件验证用户注册信息的例子。 本实例使用的是1.5版本。 示例是在SSH下做的,代码如下: registe.jsp 注册页面 <!-- //扩展validator的校验...
  • u014801403
  • u014801403
  • 2017-02-10 14:35
  • 756

使用jquery validate表单验证插件

一、jquery validate的官方演示和文档地址:官方网站:http://jqueryvalidation.org/ 官方演示:http://jqueryvalidation.org/files/demo/ 官方文档:http://jqueryvalidation.org/document...
  • javaloveiphone
  • javaloveiphone
  • 2016-12-20 10:51
  • 510

jquery 封装jQuery.validate的插件

把验证的信息统统写在这个插件里面,如果使用新的,那么通过参数进行传递; (function($){ var __validate = $.fn.validate; $.fn.cmsvalidate = function(opts) { var __rules = $.extend(...
  • yanfeng918
  • yanfeng918
  • 2015-03-06 15:17
  • 397

几个jquery验证密码强度的插件

本来是英文版的,我改了一点,提示什么的都是中文的了, 从这里下载 jquery.pstrength.js 强度验证插件!然后在网页中引用jquery文件和这个插件 XML/HTML代码          &...
  • fyqcdbdx
  • fyqcdbdx
  • 2012-01-09 17:53
  • 11890

jquery validate实现表单验证 (正则表达式)

jquery validate结合正则表达式实现表单验证
  • u014800380
  • u014800380
  • 2016-08-03 20:01
  • 13590
    个人资料
    • 访问:48478次
    • 积分:1049
    • 等级:
    • 排名:千里之外
    • 原创:59篇
    • 转载:4篇
    • 译文:0篇
    • 评论:14条
    最新评论