jQuery Validate插件自定义验证规则的方法

时间:2020-05-15 浅曦忆人气:0

作为一个有强迫症存在的人，最见不得就是不统一的格式，对不齐的代码。所以在对表单填写项进行validate插件验证时，有一些验证规则是根据实际需要个性化定制的。如果不扩展validate插件规则，就会导致验证提示的表现方式不同，这简直能逼死强迫症。所以我就查找了一下，validate插件果然也有能自定义验证规则的方法，简直是强迫症患者的救星。话不多说，我们来看看是如何自定义的吧。

//该方法对提现金额进行判断，看账户中是否有足够的金钱提现
  function check_price(){
    //提现额度
    var money_cash = $("#money_cash").text();
    //要提现金额
    var prices = $("#price").val();
    if(prices > Number(money_cash)){
      return false;
    }else{
      return true;
    }
  }
//自定义validate的验证规则，形式如下
jQuery.validator.addMethod("priceCheck", function(value, element) {
      return check_price(); 
      }, "提现金额大于账户余额");
//在rule中使用的形式如下
rules:{
        prices:{
          required : true,
          priceCheck : true, //自定义的验证规则
        },
   }

这样就可定制自己一致风格的提示了。

以上所述是小编给大家介绍的jQuery Validate插件自定义验证规则的方法，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

加载全部内容