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


Posted in Javascript onDecember 27, 2016

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

Javascript 相关文章推荐
使用Javascript和DOM Interfaces来处理HTML
Oct 09 Javascript
计算世界完全对称日的js代码,粗糙版
Nov 04 Javascript
js使用eval解析json实例与注意事项分享
Jan 18 Javascript
深入理解JavaScript系列(36):设计模式之中介者模式详解
Mar 04 Javascript
jqueryMobile使用示例分享
Jan 12 Javascript
原生Javascript插件开发实践
Jan 09 Javascript
Angular之指令Directive用法详解
Mar 01 Javascript
JS使用贪心算法解决找零问题示例
Nov 27 Javascript
JavaScript面试技巧之数组的一些不low操作
Mar 22 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
Sep 10 Javascript
原生js+css实现tab切换功能
Sep 17 Javascript
一文彻底理解js原生语法prototype,__proto__和constructor
Oct 24 Javascript
webuploader模态框ueditor显示问题解决方法
Dec 27 #Javascript
正则中的回溯定义与用法分析【JS与java实现】
Dec 27 #Javascript
Vue.js双向绑定操作技巧(初级入门)
Dec 27 #Javascript
JS实现页面中所有img对象添加onclick事件及新窗口查看图片的方法
Dec 27 #Javascript
JS使用正则实现去掉字符串左右空格的方法
Dec 27 #Javascript
js使用Replace结合正则替换重复出现的字符串功能示例
Dec 27 #Javascript
easyUI实现类似搜索框关键词自动提示功能示例代码
Dec 27 #Javascript
You might like
使用PHP计算两个路径的相对路径
2013/06/14 PHP
深入理解PHP变量的值类型和引用类型
2015/10/21 PHP
用javascript实现读取txt文档的脚本
2007/07/20 Javascript
JavaScript 判断判断某个对象是Object还是一个Array
2010/01/28 Javascript
jQuery实现点击标题输入详细信息
2013/04/16 Javascript
jQuery动画animate方法使用介绍
2013/05/06 Javascript
基于jquery扩展漂亮的下拉框可以二次修改
2013/11/19 Javascript
js判断客户端是iOS还是Android等移动终端的方法
2013/12/11 Javascript
Jquery 点击按钮自动高亮实现原理及代码
2014/04/25 Javascript
使用AngularJS创建自定义的过滤器的方法
2015/06/18 Javascript
Backbone.js的Hello World程序实例
2015/06/19 Javascript
AngularJS优雅的自定义指令
2016/07/01 Javascript
Vuejs第七篇之Vuejs过渡动画案例全面解析
2016/09/05 Javascript
类似于QQ的右滑删除效果的实现方法
2016/10/16 Javascript
jQuery实现鼠标悬停3d菜单展开动画效果
2017/01/19 Javascript
深入理解JavaScript 参数按值传递
2017/05/24 Javascript
JavaScript实现模态对话框实例
2020/01/13 Javascript
JavaScript枚举选择jquery插件代码实例
2020/11/17 jQuery
[25:45]2018DOTA2亚洲邀请赛4.5SOLO赛 Sylar vs Paparazi
2018/04/06 DOTA
Python实现端口复用实例代码
2014/07/03 Python
谈谈如何手动释放Python的内存
2016/12/17 Python
使用Python微信库itchat获得好友和群组已撤回的消息
2018/06/24 Python
使用python实现男神女神颜值打分系统(推荐)
2019/10/31 Python
tensorflow 只恢复部分模型参数的实例
2020/01/06 Python
Iconfont(矢量图标)+iconmoon(图标svg互转)配合javascript实现社交分享系统
2020/04/21 Python
结合CSS3的新特性来总结垂直居中的实现方法
2016/05/30 HTML / CSS
CSS3的 fit-content实现水平居中
2017/09/07 HTML / CSS
用HTML5制作一个简单的弹力球游戏
2015/05/12 HTML / CSS
总经理助理的八要求
2013/11/12 职场文书
创建绿色学校先进个人材料
2014/08/20 职场文书
售后服务质量承诺书
2015/04/29 职场文书
机关保密工作承诺书
2015/05/04 职场文书
行政处罚告知书
2015/07/01 职场文书
介绍信应该怎么开?
2019/04/03 职场文书
详解Python+OpenCV进行基础的图像操作
2022/02/15 Python
MySQL中一条update语句是如何执行的
2022/03/16 MySQL