博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jquery.validate 扩展验证+异步验证
阅读量:6699 次
发布时间:2019-06-25

本文共 3681 字,大约阅读时间需要 12 分钟。

validate_expand.js

//字符验证      

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

    return this.optional(element) || /^[\u0391-\uFFE5\w]+$/.test(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] );      
}, "请确保输入的值在3-15个字节之间(一个中文字算2个字节)");  
 
//身份证号码验证      
jQuery.validator.addMethod("isIdCardNo", function(value, element) {      
    return this.optional(element) || isIdCardNo(value);      
}, "请正确输入您的身份证号码");
    
//手机号码验证      
jQuery.validator.addMethod("isMobile", 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("isTel", function(value, element) {      
    var tel = /^\d{3,4}-?\d{7,9}$/;    //电话号码格式010-12345678  
    return this.optional(element) || (tel.test(value));      
}, "请正确填写您的电话号码");  
 
//联系电话(手机/电话皆可)验证  
jQuery.validator.addMethod("isPhone", function(value,element) {  
    var length = value.length;  
    var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/;  
    var tel = /^\d{3,4}-?\d{7,9}$/;  
    return this.optional(element) || (tel.test(value) || mobile.test(value));  
 
}, "请正确填写您的联系电话");  
    
//邮政编码验证      
jQuery.validator.addMethod("isZipCode", function(value, element) {      
    var tel = /^[0-9]{6}$/;      
    return this.optional(element) || (tel.test(value));      

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

 

initValidatorjs (异步验证用户名,手机号码,验证码,扩展验证)

/**

 * @author Administrator
 */
function initValidator(base){
    //异步验证用户名
    jQuery.validator.addMethod("checkUserName", function(value, element){
        var result = false;
        // 设置同步
        $.ajaxSetup({
            async: false
        });
        var param = {
            userName: value
        };
        $.post(base + "/checkUserName.do", param, function(data){
            result = (1 == data);
        });
        // 恢复异步
        $.ajaxSetup({
            async: true
        });
        return result;
    }, "用户名已经存在");
   
    //异步验证手机号码
    jQuery.validator.addMethod("checkSms", function(value, element){
        var result = false;
        // 设置同步
        $.ajaxSetup({
            async: false
        });
        var param = {
            sms: value
        };
        $.post(base + "/checkSms.do", param, function(data){
            result = (0 == data);
           
        });
        // 恢复异步
        $.ajaxSetup({
            async: true
        });
        return result;
    }, "手机号码已经存在");
   
    //异步验证验证码
    jQuery.validator.addMethod("checkCode", function(value, element){
        var result = false;
        // 设置同步
        $.ajaxSetup({
            async: false
        });
        var param = {
            userCode: value
        };
        $.post(base + "/checkCode.do", param, function(data){
            result = (1 == data);
           
        });
        // 恢复异步
        $.ajaxSetup({
            async: true
        });
        return result;
    }, "验证码不正确");
   
   
    $("#thisFrom").validate({
        //设置验证规则  
        rules: {
            "userName": {
                required: true,
                userNameCheck: true,
                checkUserName: true
            },
            "passWord": {
                required: true,
                rangelength: [6, 12]
            },
            "passWordAgain": {
                required: true,
                rangelength: [6, 12],
                equalTo: "#passWord"
            },
            "corpName": {
                required: true
            },
            "products": {
                required: true
            },
            "name": {
                required: true
            },
            "sms": {
                required: true,
                isMobile: true,
                checkSms: true
            },
            "userCode": {
                required: true,
                checkCode:true
            }
        },
        //设置错误信息 
        messages: {
            "userName": {
                required: "请输入用户名",
                userNameCheck: "请输入4-20位字母开头的字母或数字和下划线",
                checkUserName: "用户名已经存在"
            },
            "passWord": {
                required: "请输入密码",
                rangelength: "密码长度为6-12位"
            },
            "passWordAgain": {
                required: "请再次输入密码",
                rangelength: "密码长度为6-12位",
                equalTo: "两次输入密码不相同"
            },
            "corpName": {
                required: "请输入公司名称"
            },
            "name": {
                required: "请输入联系人"
            },
            "products": {
                required: "请输入主营产品"
            },
            "sms": {
                required: "请输入手机号码",
                isMobile: "请输入有效的手机号码",
                checkSms: "手机号码已经存在"
            },
            "userCode": {
                required: "请输入验证码",
                checkCode:"验证码不正确"
            }
        },
        errorPlacement: function(error, element){
            error.appendTo(element.parent("td").next("td"));
        }
    });
}

转载地址:http://ynloo.baihongyu.com/

你可能感兴趣的文章
交换2个数值的方法
查看>>
“docker-app”实用工具分享,大大提高 Compose 文件复用率
查看>>
位置参数及操作符号
查看>>
伪共享和缓存行填充,Java并发编程还能这么优化!
查看>>
数据库备份DBS商业化发布
查看>>
聊聊3种最常见的响应式设计问题
查看>>
.NET面试题解析(02)-拆箱与装箱
查看>>
剖析管理所有大数据组件的可视化利器:Hue
查看>>
MySQL运维系列 之 如何监控大事务
查看>>
自断前程,未来80%IT工作将实现自动化
查看>>
Spring Boot入门(9)网页版计算器
查看>>
Hibernate之加载策略(延迟加载与即时加载)和抓取策略(fetch)
查看>>
Java 12 将于3月19日发布,8 个最终 JEP 一览
查看>>
对于最近爆火的区块链,投资人怎么看? | 聚焦
查看>>
Redis基于客户端分片的集群案例(待实践)
查看>>
【前端工程师手册】JavaScript作用域拾遗
查看>>
东网科技荣膺2016中国大数据最佳实践奖
查看>>
NVIDIA助力SiemensPLMSoftware“工业4.0创新实验室”,携手推进中国制造创新之路
查看>>
高性能、高可靠分布式文件系统 go-fastdfs v1.2.0 发布
查看>>
VR全景看年评!PConline年度评测盛典等你来体验
查看>>