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

 更新时间:2016年12月27日 14:15:25   作者:浅曦忆  
这篇文章主要介绍了jQuery Validate插件自定义验证规则的方法,f非常不错,具有参考借鉴价值,需要的朋友可以参考下

作为一个有强迫症存在的人,最见不得就是不统一的格式,对不齐的代码。所以在对表单填写项进行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插件自定义验证规则的方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

相关文章

  • 关于HTML5的data-*自定义属性的总结

    关于HTML5的data-*自定义属性的总结

    大家总是习惯使用HTML标签添加自定义属性来存储和操作数据,所以才在HTML5规范里增加了一个自定义data属性,这样使用更便捷,一起跟随小编过来看看吧
    2018-05-05
  • jQuery实现图片切换效果

    jQuery实现图片切换效果

    这篇文章主要为大家详细介绍了jQuery实现图片切换效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误

    firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误

    这篇文章主要介绍了firefox浏览器用jquery.uploadify插件上传时报HTTP 302错误,分析了下,原来是利用flash进行post上传时没有包含原来的session信息,而是重新创建了一个session,知道原因了,我们来看看如何解决吧。
    2015-03-03
  • jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】

    jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】

    这篇文章主要介绍了jQuery实现的鼠标拖动画矩形框,结合实例形式分析了jQuery基于事件响应及页面元素属性动态操作实现的图形绘制相关操作技巧,需要的朋友可以参考下
    2019-05-05
  • 结合JQ1.9通过js正则判断各种浏览器版本的方法

    结合JQ1.9通过js正则判断各种浏览器版本的方法

    本篇文章主要是对结合JQ1.9通过js正则判断浏览器版本的方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • jquery 插件实现图片延迟加载效果代码

    jquery 插件实现图片延迟加载效果代码

    前几天上QQ的在线视频网站,看到上面的影片列表页的图片有这样一种效果:当向下拉动滚动条时下面的图片才开始加载,就是说它不会一下子把所有的图片都加载出来,拉动滚动条后用户看到了才会显示,这是一个很不错的用户体验。
    2010-02-02
  • jQuery使用$.get()方法从服务器文件载入数据实例

    jQuery使用$.get()方法从服务器文件载入数据实例

    这篇文章主要介绍了jQuery使用$.get()方法从服务器文件载入数据,较为简单的分析了jQuery中get方法的使用技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-03-03
  • JQuery EasyUI的一些常用组件

    JQuery EasyUI的一些常用组件

    jQuery EasyUI 是一个基于 jQuery 的框架,集成了各种用户界面插件,该框架提供了创建网页所需的一切,帮助您轻松建立站点。本文给大家介绍JQuery EasyUI的一些常用组件,感兴趣的的朋友一起学习吧
    2017-07-07
  • JQuery弹出炫丽对话框的同时让背景变灰色

    JQuery弹出炫丽对话框的同时让背景变灰色

    这篇文章主要介绍JQuery实现弹出炫丽对话框的同时让背景变灰色效果,需要的朋友可以参考下
    2014-05-05
  • Jquery Easyui表单组件Form使用详解(30)

    Jquery Easyui表单组件Form使用详解(30)

    这篇文章主要为大家详细介绍了Jquery Easyui表单组件Form的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-12-12

最新评论