精华内容
下载资源
问答
  • jquery validate添加自定义验证规则(验证邮箱 邮政编码)jQuery:validate添加自定义验证jQuery.validator.addMethod添加自定义的验证规则addMethod:name, method, message简单实例:单个验证的添加validate.js拓展...

    jquery validate添加自定义验证规则(验证邮箱 邮政编码)

    jQuery:validate添加自定义验证

    jQuery.validator.addMethod添加自定义的验证规则

    addMethod:name, method, message

    简单实例:单个验证的添加

    validate.js拓展验证

    $("#tinyphp").validate({

    // 添加验证规则

    rules: {

    isZipCode: {    //验证邮箱

    isZipCode: true

    }

    }

    });

    validate.expand.js

    jQuery.validator.addMethod("isZipCode", function(value, element) {

    var tel = /^[0-9]{6}$/;

    return this.optional(element) || (tel.test(value));

    }, "请正确填写您的邮政编码");

    添加多个验证方法

    validate.js拓展验证

    邮编:

    名字:

    $("#tinyphp").validate({

    // 添加验证规则

    rules: {

    isZipCode: {    //验证邮箱

    isZipCode: true

    },

    userName:{

    required: true,

    userName: true,

    rangelength: [5,10]

    }

    },

    //重设提示信息,可省略

    messages:{

    userName: {

    required: "请填写用户名",

    rangelength: "用户名必须在5-10个字符之间"

    }

    }

    });

    validate.expand.js

    jQuery.validator.addMethod("userName", function(value, element) {

    return this.optional(element) || /^[\u0391-\uFFE5\w]+$/.test(value);

    }, "用户名必须在5-10个字符之间");

    jQuery.validator.addMethod("isZipCode", function(value, element) {

    var tel = /^[0-9]{6}$/;

    return this.optional(element) || (tel.test(value));

    }, "请正确填写您的邮政编码");相关阅读:

    jsp内置对象及方法详细介绍

    Yii+upload实现AJAX上传图片的方法

    Win10任务栏时间不显示月份问题的解决方法

    PHP源码分析之变量的存储过程分解

    img图片下面莫名的出现下边距的快速解决方法推荐

    SQL SERVER使用REPLACE将某一列字段中的某个值替换为其他的值

    Android中实现HashMap排序的方法

    win8屏幕颠倒了怎么办? win8屏幕旋转的两种解决办法

    iOS App开发中Masonry布局框架的基本用法解析

    基于Jquery和Css3代码制作可以缩放的搜索框

    Node.js DES加密的简单实现

    html5 canvas里绘制椭圆并保持线条粗细均匀的技巧

    win7使用vmware安装ubuntu详细步骤

    css控制文本框宽度的方法

    展开全文
  • 主要介绍了query validate添加自定义验证规则,可以验证邮箱、邮政编码等,看代码参考使用
  • jQuery:validate添加自定义验证jQuery.validator.addMethod添加自定义的验证规则addMethod:name, method, message简单实例:单个验证的添加代码如下:validate.js拓展验证$("#tinyphp").validate({// 添加验证规则...

    jQuery:validate添加自定义验证

    jQuery.validator.addMethod添加自定义的验证规则

    addMethod:name, method, message

    简单实例:单个验证的添加

    代码如下:

    validate.js拓展验证

    $("#tinyphp").validate({

    // 添加验证规则

    rules: {

    isZipCode: {    //验证邮箱

    isZipCode: true

    }

    }

    });

    validate.expand.js

    代码如下:

    jQuery.validator.addMethod("isZipCode", function(value, element) {

    var tel = /^[0-9]{6}$/;

    return this.optional(element) || (tel.test(value));

    }, "请正确填写您的邮政编码");

    添加多个验证方法

    代码如下:

    validate.js拓展验证

    邮编:

    名字:

    $("#tinyphp").validate({

    // 添加验证规则

    rules: {

    isZipCode: {    //验证邮箱

    isZipCode: true

    },

    userName:{

    required: true,

    userName: true,

    rangelength: [5,10]

    }

    },

    //重设提示信息,可省略

    messages:{

    userName: {

    required: "请填写用户名",

    rangelength: "用户名必须在5-10个字符之间"

    }

    }

    });

    validate.expand.js

    代码如下:

    jQuery.validator.addMethod("userName", function(value, element) {

    return this.optional(element) || /^[u0391-uFFE5w]+$/.test(value);

    }, "用户名必须在5-10个字符之间");

    jQuery.validator.addMethod("isZipCode", function(value, element) {

    var tel = /^[0-9]{6}$/;

    return this.optional(element) || (tel.test(value));

    }, "请正确填写您的邮政编码");

    展开全文
  • jQuery Validate添加自定义验证方法

    万次阅读 2018-01-08 15:46:31
    jQuery Validate添加自定义验证方法中自带的验证方法足以满足一般的要求,对于特别的要求可以使用addMethod(name,method,message)添加自定义的验证规则,使用方法如下: jQuery.validator.addMethod("regex", //...

    jQuery Validate添加自定义验证方法中自带的验证方法足以满足一般的要求,对于特别的要求可以使用addMethod(name,method,message)添加自定义的验证规则,使用方法如下:

    jQuery.validator.addMethod("regex", //addMethod第1个参数:方法名称
    function(value,element,params){//addMethod第2个参数:验证方法,参数(被验证元素的值,被验证元素,参数)
    var exp = new RegExp(params);//实例化正则对象,参数为传入的正则表达式
    return exp.test(value);         //测试是否匹配
    },"格式错误");//addMethod第3个参数:默认错误信息
    $("#fm").validate({
        rules:{
                loginpwd:{
                    required:true,
                    minlength:6,
                    maxlength:12,
                    regex:"^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$"
                },
                loginpwd2:{
                    required:true,
                    equalTo: "#loginpwd",
                    regex:"^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,10}$"
                }
        },
        messages:{
            loginpwd:{
              required: "请输入密码",
              minlength: "密码长度不能小于 6 个字母",
              regex:"密码必须包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间"
                },
          loginpwd2:{
              required: "请输入密码",
              minlength: "密码长度不能小于 6 个字母",
              equalTo: "两次密码输入不一致",
              regex:"密码必须包含大小写字母和数字的组合,不能使用特殊字符,长度在8-10之间"
                }
    }
    });
    

    以下是总结的其他的验证:

    // 手机号码验证
    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./;     return this.optional(element) || (ip.test(value) && (RegExp.1 < 256 && RegExp.2 < 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("selectNone", 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 validate添加自定义方法:开始日期小于结束日期验证规则及使用

    添加验证方法:

    /****************************添加自定义validate的开始结束时间验证方法*********************/
    jQuery.validator.methods.compareDate = function(value, element, param) {
        //var startDate = jQuery(param).val() + ":00";补全yyyy-MM-dd HH:mm:ss格式  
        //value = value + ":00";  
        var startDate = jQuery(param).val();
        var date1 = new Date(Date.parse(startDate.replace("-", "/")));
        var date2 = new Date(Date.parse(value.replace("-", "/")));
        return date1 < date2;
    };

    使用:

    $('#honor_form').validate({
        rules: {
            honor_id: {
                required: true,
            },
            honor_name: {
                required: true,
            },
            honor_banfajigou: {
                required: true,
            },
            get_honor_addr: {
                required: true,
            },
            honor_time_start: {
                required: true,
            },
            honor_time_end: {
                required: true,
                compareDate:"#honor_time_start",
            },
            honor_descript: {
                required: true,
            },
        },
        messages: {
            honor_id: {
                required: "必填项",
            },
            honor_name: {
                required: "必填项",
            },
            honor_banfajigou: {
                required: "必填项",
            },
            get_honor_addr: {
                required: "必填项",
            },
            honor_time_start: {
                required: "必填项",
            },
            honor_time_end: {
                required: "必填项",
                compareDate:"开始时间必须小于结束时间",
            },
            honor_descript: {
                required: "必填项",
            },
        },
        submitHandler: function(form) {
            var fd = new FormData(form);
            var honor_sid = fd.get('honor_sid');
            var honor_id = fd.get('honor_id');
            var honor_name = fd.get('honor_name');
            var honor_banfajigou = fd.get('honor_banfajigou');
            var get_honor_addr = fd.get('get_honor_addr');
            var honor_time_start = fd.get('honor_time_start');
            var honor_time_end = fd.get('honor_time_end');
            var honor_descript = fd.get('honor_descript');
            if (honor_sid == '') {
                $.ajax({
                    url: "./index.php?/User/add_honor",
                    type: "POST",
                    data: {
                        honor_id: honor_id,
                        honor_name: honor_name,
                        honor_banfajigou: honor_banfajigou,
                        get_honor_addr: get_honor_addr,
                        honor_time_start: honor_time_start,
                        honor_time_end: honor_time_end,
                        honor_descript: honor_descript
                    },
                    // processData:false,
                    // contentType: false,
                    dataType: "json",
                    success: function(e) {
                        if (e) {
                            honor_init();
                            $('#honor_modal').modal('hide');
                            $('#honor_id').attr("value", '');
                            $('#honor_name').attr("value", '');
                            $('#honor_banfajigou').attr("value", '');
                            $('#get_honor_addr').attr("value", '');
                            $('#honor_time_start').attr("value", '');
                            $('#honor_time_end').attr("value", '');
                            $('#honor_descript').attr("value", '');
                        } else {
                            alert("添加失败");
                        }
                    }
                });
            } else {
                $.ajax({
                    url: "./index.php?/User/edit_honor",
                    type: "POST",
                    data: {
                        honor_sid: honor_sid,
                        honor_id: honor_id,
                        honor_name: honor_name,
                        honor_banfajigou: honor_banfajigou,
                        get_honor_addr: get_honor_addr,
                        honor_time_start: honor_time_start,
                        honor_time_end: honor_time_end,
                        honor_descript: honor_descript
                    },
                    // processData:false,
                    // contentType: false,
                    // dataType:"json",
                    success: function(e) {
                        if (e) {
                            $("#honor" + honor_sid).find('#ho_id' + honor_sid).text(honor_id);
                            $("#honor" + honor_sid).find('#ho_na' + honor_sid).text(honor_name);
                            $("#honor" + honor_sid).find('#ho_ba' + honor_sid).text(honor_banfajigou);
                            $("#honor" + honor_sid).find('#ho_ad' + honor_sid).text(get_honor_addr);
                            $("#honor" + honor_sid).find('#ho_t_st' + honor_sid).text(honor_time_start);
                            $("#honor" + honor_sid).find('#ho_t_en' + honor_sid).text(honor_time_end);
                            $("#honor" + honor_sid).find('#ho_de' + honor_sid).text(honor_descript);
                            alert("编辑成功");
                            $('#honor_modal').modal('hide');
                            $('#honor_sid').attr("value", '');
                            $('#honor_id').attr("value", '');
                            $('#honor_name').attr("value", '');
                            $('#honor_banfajigou').attr("value", '');
                            $('#get_honor_addr').attr("value", '');
                            $('#honor_time_start').attr("value", '');
                            $('#honor_time_end').attr("value", '');
                            $('#honor_descript').attr("value", '');
                        } else {
                            alert("编辑失败");
                        }
                    }
                });
            }
            return false;
        }
    展开全文
  • 我们在使用Jquery-validate插件验证表单时候,默认的提供的校验规则有限,不够用怎么办,可以自己添加自定义校验规则;默认的触发方式有时候也不符合业务需求,需要进行定制化配置修改,下面就来介绍下如何添加...
  • 需求:再已有验证(也是基于validate插件,验证功能写在表单中,不是用js代码,如:required写在input中)基础上如何自定义,并动态绑定到指定元素上,并通过$("#formid").valid();方法进行验证? 网上找了一圈,...
  • jquery validate规则rules 的required :true 只能过滤校验字符长度 但是空字符串也是有长度的,导致校验空字符或其他特殊字符是能校验过去的,所以需要加一个自定义通用方法来处理! 下面是具体代码 $....
  • 表单验证中如果数据库中已经存在的用户,当我们在注册界面再次输入已经存在的用户,就会出现如”您输入的用户名已经存在,请重新输入…”的提示,如下我们用一个jquery–validate框架添加一个自定义的验证规则。...
  • 由于需求需要,${name}按3个字数算,而实际${...通过$.validator.addMethod去添加一个验证方法,名字为content value 是内容 params 是验证规则(我填写的是70) $(function(){ $.validator.addMethod( "con...
  • 从前面的示例中不难看出validate中自带的验证方法足以满足一般的要求,对于特别的要求可以使用addMethod(name,method,message)添加自定义的验证规则,下面的示例中添加了一个用于正则表达式验证的扩展验证的方法
  • 本身框架自带很多验证,但是如果想自定义规则或者国际化,就需要一些自定义操作 1. 在页面的组件引用: 2. 在vue的js类里添加规则: 注意,有些规则不需要写promise回调,有些不写的话会报错: Cannot read ...
  • jQuery Validate提供的默认验证有时不能满足需求,可以通过添加自定义验证方式完成验证,方式如下: $.validator.addMethod(rule, function(value, element, param) {...}), value:表单的值,文件类型时是...
  • validate表单验证添加自定义方法

    千次阅读 2018-10-11 15:21:08
    自定义方法中有三个参数: 第一个是规则的名字,类似required规则名字。 第二个是改规则的实现部分,需要验证哪些条件在这里写验证方法,当return返回true时代表验证条件符合不触发。 第三个是提示消息。 其中...
  • 例如下拉框值为""或"0"的时候,表示未选中,但是required只能对空值进行验证,这时候就可以使用addMethod,自己添加检验规则; $.validator.addMethod( "isNot0",function(value,element){ if (value !== '0') { ...
  • 自定义checkbox验证,“检查checkbox是否选中” jQuery.validator.addMethod("isAgreeRule", function(value, element) { return element.checked; }, "请阅读并同意用户协议... 添加到验证规则 $(function() { ...
  • [size=large]环境:[/size] jquery.validate-1.15.js...添加一个自定义非中文验证,并添加在form标签的class上 [size=medium]步骤:[/size] [size=medium]1、在项目中引入[b]additional-methods.js[/b]文件[/si...
  • 从前面的示例中不难看出validate中自带的验证方法足以满足一般的要求,对于特别的要求可以使用addMethod(name,method,message)添加自定义的验证规则,下面的示例中添加了一个用于正则表达式验证的扩展验证的方法,...
  • element-ui的表单验证规则只是简单的规则,很多时候我们需要添加自定义规则。比如 let checkNumL = (rule, value, callback) => { if (String(value).length !== 11) { return callback(new Error('联系...
  • thinkphp5 validate系统内置了一些常用的规则,如果不能满足需求,可以在验证器重添加额外的验证方法,即自定义方法验证数据比如,自定义方法,验证某字段值,数据库中是否已经存在,这就涉及到添加的时候验证数据表...

空空如也

空空如也

1 2 3 4 5
收藏数 88
精华内容 35
关键字:

validate添加自定义规则