jquery validate 扩展验证方法 无法生效

sspanzervor1 2019-01-07 11:31:15
某表单，需要验证对应<input>的字符样式是否为手机号码，从咱们站上查到需要添加扩展验证方法。但是，测试其中一个isMobile方法现在就不生效，请教各位战友，这块应该如何修改？比较着急，在线等，感谢大家！



$(document).ready(function() {

	$("#frm1").validate({

		errorElement:'span',

   		errorPlacement: function(error, element) {

           error.appendTo(element.parent());

   		},

		rules:	{

			slt_rnum: { required:true},

			txt_cname: { required:true, maxlength:30},

			txt_ctel: { required: true, isMobile: true}

		},

		messages: {

			slt_rnum: { required:"请选择房型和房号!"},

			txt_cname: { required:"客户姓名不能为空", maxlength: "姓名不能超过30字符"},

			txt_ctel: { required: "客户手机号为必填项！", isMobile:"请输入正确格式"},

		},

	}) ;

});






                           

 <label for="lbl_ctel">* 客户联系电话（必填）：</label>

  <input type="text" id="txt_ctel" name="txt_ctel">

  <!--<label for="txt_cname"></label>-->


jquery validate Extended文件：



$.validator.setDefaults({

    onkeyup: null,

    success: function (label) {

        label.text('').addClass('valid');

    },

    onfocusin: function (element) {

        this.lastActive = element;

        $(element).addClass('highlight');

        if (this.settings.focusCleanup) {

            if (this.settings.unhighlight) {

                this.settings.unhighlight.call(this, element, this.settings.errorClass, this.settings.validClass);

            }

            this.hideThese(this.errorsFor(element));

        }

    },

    onfocusout: function (element) {

        $(element).parent().children(".tip").remove();

        $(element).removeClass('highlight');

        this.element(element);

    }

});



/*****************************************************************

                  jQuery Validate扩展验证方法       

*****************************************************************/

// 判断整数value是否等于0 

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

    value = parseInt(value);

    return this.optional(element) || value == 0;

}, "整数必须为0");

 

 

// 判断整数value是否大于0

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

    value = parseInt(value);

    return this.optional(element) || value > 0;

}, "整数必须大于0");

 

 

// 判断整数value是否大于或等于0

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

    value = parseInt(value);

    return this.optional(element) || value >= 0;

}, "整数必须大于或等于0");

 

 

// 判断整数value是否不等于0 

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

    value = parseInt(value);

    return this.optional(element) || value != 0;

}, "整数必须不等于0");

 

 

// 判断整数value是否小于0 

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

    value = parseInt(value);

    return this.optional(element) || value < 0;

}, "整数必须小于0");

 

 

// 判断整数value是否小于或等于0 

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

    value = parseInt(value);

    return this.optional(element) || value <= 0;

}, "整数必须小于或等于0");

 

 

// 判断浮点数value是否等于0 

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

    value = parseFloat(value);

    return this.optional(element) || value == 0;

}, "浮点数必须为0");

 

 

// 判断浮点数value是否大于0

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

    value = parseFloat(value);

    return this.optional(element) || value > 0;

}, "浮点数必须大于0");

 

 

// 判断浮点数value是否大于或等于0

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

    value = parseFloat(value);

    return this.optional(element) || value >= 0;

}, "浮点数必须大于或等于0");

 

 

// 判断浮点数value是否不等于0 

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

    value = parseFloat(value);

    return this.optional(element) || value != 0;

}, "浮点数必须不等于0");

 

 

// 判断浮点数value是否小于0 

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

    value = parseFloat(value);

    return this.optional(element) || value < 0;

}, "浮点数必须小于0");

 

 

// 判断浮点数value是否小于或等于0 

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

    value = parseFloat(value);

    return this.optional(element) || value <= 0;

}, "浮点数必须小于或等于0");

 

 

// 判断浮点型  

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

    return this.optional(element) || /^[-\+]?\d+(\.\d+)?$/.test(value);

}, "只能包含数字、小数点等字符");

 

 

// 匹配integer

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

    return this.optional(element) || (/^[-\+]?\d+$/.test(value) && parseInt(value) >= 0);

}, "匹配integer");

 

 

// 判断数值类型，包括整数和浮点数

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

    return this.optional(element) || /^[-\+]?\d+$/.test(value) || /^[-\+]?\d+(\.\d+)?$/.test(value);

}, "匹配数值类型，包括整数和浮点数");

 

 

// 只能输入[0-9]数字

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

    return this.optional(element) || /^\d+$/.test(value);

}, "只能输入0-9数字");

 

 

// 判断中文字符 

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

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

}, "只能包含中文字符。");

 

 

// 判断英文字符 

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

    return this.optional(element) || /^[A-Za-z]+$/.test(value);

}, "只能包含英文字符。");

 

 

// 手机号码验证    

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

    var length = value.length;

    return this.optional(element) || (length == 11 && /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/.test(value));

}, "请正确填写您的手机号码。");

 

 

// 电话号码验证    

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

    var tel = /^(\d{3,4}-?)?\d{7,9}$/g;

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

}, "请正确填写您的电话号码。");

 

 

// 联系电话(手机/电话皆可)验证   

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

    var length = value.length;

    var mobile = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;

    var tel = /^(\d{3,4}-?)?\d{7,9}$/g;

    return this.optional(element) || tel.test(value) || (length == 11 && mobile.test(value));

}, "请正确填写您的联系方式");

 

 

// 匹配qq      

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

    return this.optional(element) || /^[1-9]\d{4,12}$/;

}, "匹配QQ");

 

 

// 邮政编码验证    

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

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

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

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

 

 

// 匹配密码，以字母开头，长度在6-12之间，只能包含字符、数字和下划线。      

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

    return this.optional(element) || /^[a-zA-Z]\\w{6,12}$/.test(value);

}, "以字母开头，长度在6-12之间，只能包含字符、数字和下划线。");

 

 

// 身份证号码验证

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

    //var idCard = /^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/;   

    return this.optional(element) || isIdCardNo(value);

}, "请输入正确的身份证号码。");

 

 

// IP地址验证   

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

    return this.optional(element) || /^(([1-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))\.)(([1-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))\.){2}([1-9]|([1-9]\d)|(1\d\d)|(2([0-4]\d|5[0-5])))$/.test(value);

}, "请填写正确的IP地址。");

 

 

// 字符验证，只能包含中文、英文、数字、下划线等字符。    

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

    return this.optional(element) || /^[a-zA-Z0-9\u4e00-\u9fa5-_]+$/.test(value);

}, "只能包含中文、英文、数字、下划线等字符");

 

 

// 匹配english  

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

    return this.optional(element) || /^[A-Za-z]+$/.test(value);

}, "匹配english");

 

 

// 匹配汉字  

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

    return this.optional(element) || /^[\u4e00-\u9fa5]+$/.test(value);

}, "匹配汉字");

 

 

// 匹配中文(包括汉字和字符) 

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

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

}, "匹配中文(包括汉字和字符) ");

 

 

// 判断是否为合法字符(a-zA-Z0-9-_)

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

    return this.optional(element) || /^[A-Za-z0-9_-]+$/.test(value);

}, "判断是否为合法字符(a-zA-Z0-9-_)");

 

 

// 判断是否包含中英文特殊字符，除英文"-_"字符外

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

    var reg = RegExp(/[(\ )(\`)(\~)(\!)(\@)(\#)(\$)(\%)(\^)(\&)(\*)(\()(\))(\+)(\=)(\|)(\{)(\})(\')(\:)(\;)(\')(',)(\[)(\])(\.)(\<)(\>)(\/)(\?)(\~)(\！)(\@)(\#)(\￥)(\%)(\…)(\&)(\*)(\（)(\）)(\—)(\+)(\|)(\{)(\})(\【)(\】)(\‘)(\；)(\：)(\”)(\“)(\’)(\。)(\，)(\、)(\？)]+/);

    return this.optional(element) || !reg.test(value);

}, "含有中英文特殊字符");

 

 

// 判断是否金额 小数点后两位

jQuery.validator.addMethod(

    "isAmount",

    function (value, element) {

        return value && /^\d*\.?\d{0,2}$/.test(value);

    },

    "金额必须大于0且小数位数不超过2位"

);

 

//身份证号码的验证规则

function isIdCardNo(num) {

    //if (isNaN(num)) {alert("输入的不是数字！"); return false;} 

    var len = num.length, re;

    if (len == 15)

        re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{2})(\w)$/);

    else if (len == 18)

        re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\w)$/);

    else {

        //alert("输入的数字位数不对。"); 

        return false;

    }

    var a = num.match(re);

    if (a != null) {

        if (len == 15) {

            var D = new Date("19" + a[3] + "/" + a[4] + "/" + a[5]);

            var B = D.getYear() == a[3] && (D.getMonth() + 1) == a[4] && D.getDate() == a[5];

        }

        else {

            var D = new Date(a[3] + "/" + a[4] + "/" + a[5]);

            var B = D.getFullYear() == a[3] && (D.getMonth() + 1) == a[4] && D.getDate() == a[5];

        }

        if (!B) {

            //alert("输入的身份证号 "+ a[0] +" 里出生日期不对。"); 

            return false;

        }

    }

    if (!re.test(num)) {

        //alert("身份证最后一位只能是数字和字母。");

        return false;

    }

    return true;

    

}

...全文
314 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
sspanzervor1 2019-01-09
  • 打赏
  • 举报
 回复
知道原因了，把$.validator.setDefaults 全部删掉，就可以了，实际应该放在现有的Jquery库文件中
sspanzervor1 2019-01-07
  • 打赏
  • 举报
 回复
跪求各位前辈指教，在线等，多谢～
sspanzervor1 2019-01-07
  • 打赏
  • 举报
 回复
还是没搞好，盼求高手指教～
jQuery-Validate验证插件的使用步骤详解
我们知道，用户在注册的时候，会有个表单页面，然后有些选项是必填的，有些要填的内容是有规范的，这些都要在用户提交之前进行验证才行，如果不符合要求，需要在右边显示一个友好的提示，让用户修改。 　　记得以前在学习Servlet的时候，实现一个简单的用户注册功能的验证是在后台做的，有些用了正则表达式，有些没用，但是都比较简单。流程是这样的，前台提交表单数据后，servlet获取数据
jquery.validate定义规则失效的常见原因和该插件详细使用介绍，应用
当我们使用jquery.validate作为前端验证的插件的时候，需要注意两个容易出错的地方，会导致你写的规则不起作用 1.jquery.validate引入依赖js的顺序 jquery.validate依赖jquery.min.js，jquery.validate.min.js，messages_zh.min.js三个主要包，这里注意要先引入jquery.min.js，然后再引入后面的两个js，因为后面的两个js里，大部分方法依赖于jquery.min.js，所以要先引入jquery.min.js，否则j
jquery validator自定义校验规则不生效
自定义手机号码验证规则，但是并没有生效。 折腾老半天，看到文章： this.optional(element)作用 原来是this.optional（element）是在元素非空的时候才校验，元素为空不校验。 基础不扎实的结果。不过现在jQuery已经用的少了。但是不懂还是这么悲剧。 最近在写一个项目时，前端验证框架同事选择了jquery.validator.js的验证框架！在扩展验证规则的时候，发现自定义函数phone验证时，require值传入false发现也会验证，去掉phone就没有该问题，查看
JQUERY　validate验证
script src="../js/jquery.js"type="text/javascript"> 二、默认校验规则 (1)required:true 必输字段 (2)remote:"check.php" 使用ajax方法调用check.php验证输入值 (3)email:true 必须输入正确格式的电子邮件 (4)url:true 必须输入正确格式的网址 (5)date:tr
[jQuery]使用jQuery.Validate进行客户端验证（高级篇-下）——不使用微软验证控件的理由
继续上一篇文章使用jQuery.Validate进行客户端验证（高级篇-上），本文将继续介绍jQuery.Validate的高级应用——jQuery.Validate的AJAX验证及简单扩展。 今天主要介绍的内容有： 1、如何使用jQuery.Validate进行AJAX验证? 2、默认jQuery.Validate在进行AJAX验证时返回必须是bool类型，如何返回一个对象包括错误消息及验
JavaScript

87,909

社区成员

224,616

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章