jquery-validator 的使用方法

2021-05-03 17:29

阅读:379

标签:name   asi   func   val   effect   png   图片   fun   ofo   

简单记录一下  jquery-validator 的使用方法

首先我们要引入jquery和jquery-validator

给张图看一下 校验的提示方法

技术图片

 

 

引入之后开始使用

// 自定义校验方法 返回 true 和 false
    $.validator.addMethod(
        "holderDateValidity", //自定义的 校验方法名称
        function (value, element) { //value 使用当前校验方法的 dom元素的value 值,element 使用当前校验方法的 dom元素
            var effectiveDate4 = $(‘#effectiveDate4‘).val();
            var effectiveDate5 = $(‘#effectiveDate5‘).val();
            if (effectiveDate4 == ‘‘ && effectiveDate5 == ‘‘){  //自己定义校验信息
                return false;
            }else{
                return true;
            }
        }
    );

然后进行使用

form id="basicInfoForm">
    
         
         
           style="width: 216px;">
         
           style="width: 216px;">
     
//提交时校验表单信息
$("#basicInfoForm").validate({
     rules: {  //定义规则
           effectiveDate4: {  //表单提交的 name 属性为 effectiveDate4的dom元素
              required: true,   //必填 不能为空  自带的校验方法
              holderDateValidity: true  //自定义规则
        },
     messages: {
      effectiveDate4: {
              required: "投保险人证件有效日期不能为空",   //required为空的时候 提示语
              holderDateValidity: "投保险人证件有效日期不能为空"  //自定义规则的提示语
          },
     }
})
 

更多的使用方法,大家去查api文档吧,我感觉这些就够我使用了。。。。

jquery-validator 的使用方法

标签:name   asi   func   val   effect   png   图片   fun   ofo   

原文地址:https://www.cnblogs.com/liangziaha/p/12120441.html


评论


亲,登录后才可以留言!