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 相关文章推荐
JQuery跨Iframe选择实现代码
Aug 19 Javascript
微信小程序 教程之数据绑定
Oct 18 Javascript
Vue.js -- 过滤器使用总结
Feb 18 Javascript
JavaScript基本类型值-Undefined、Null、Boolean
Feb 23 Javascript
vue使用keep-alive实现数据缓存不刷新
Oct 21 Javascript
浅谈MUI框架中加载外部网页或服务器数据的方法
Jan 31 Javascript
vue+webpack实现异步组件加载的方法
Feb 03 Javascript
vue实现循环切换动画
Oct 17 Javascript
JavaScript文本特效实例小结【3个示例】
Dec 22 Javascript
vue使用微信JS-SDK实现分享功能
Aug 23 Javascript
JavaScript字符和ASCII实现互相转换
Jun 03 Javascript
Vue如何实现监听组件原生事件
Jul 03 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简单的留言板与回复功能具体实现
2014/02/19 PHP
Laravel框架使用Seeder实现自动填充数据功能
2018/06/13 PHP
top.location.href 没有权限 解决方法
2008/08/05 Javascript
根据对象的某一属性进行排序的js代码(如:name,age)
2010/08/10 Javascript
Jquery中val()表单取值赋值的实例代码
2013/08/15 Javascript
extjs 如何给column 加上提示
2014/07/29 Javascript
jQuery+php实时获取及响应文本框输入内容的方法
2016/05/24 Javascript
Angular2使用Guard和Resolve进行验证和权限控制
2017/04/24 Javascript
jQuery ajax读取本地json文件的实例
2017/10/31 jQuery
vue cli webpack中使用sass的方法
2018/02/24 Javascript
微信小程序之批量上传并压缩图片的实例代码
2018/07/05 Javascript
vue2.0 使用element-ui里的upload组件实现图片预览效果方法
2018/09/04 Javascript
Vue实现商品分类菜单数量提示功能
2019/07/26 Javascript
Javascript 关于基本类型和引用类型的个人理解
2019/11/01 Javascript
JS倒计时两种实现方式代码实例
2020/07/27 Javascript
[59:35]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第一场 1月8日
2021/03/11 DOTA
Python实现的双色球生成功能示例
2017/12/18 Python
Python3实现的爬虫爬取数据并存入mysql数据库操作示例
2018/06/06 Python
Python中常用的内置方法
2019/01/28 Python
Python箱型图处理离群点的例子
2019/12/09 Python
tensorflow ckpt模型和pb模型获取节点名称,及ckpt转pb模型实例
2020/01/21 Python
Pyecharts地图显示不完成问题解决方案
2020/05/11 Python
css3 2D图片转动样式可以扩充到Js当中
2014/04/29 HTML / CSS
介绍一下Ruby的多线程处理
2013/02/01 面试题
网管求职信
2014/03/03 职场文书
节约用水倡议书
2014/04/16 职场文书
应届生面试求职信
2014/07/02 职场文书
汤姆索亚历险记读书笔记
2015/06/29 职场文书
python基于OpenCV模板匹配识别图片中的数字
2021/03/31 Python
Python天气语音播报小助手
2021/09/25 Python
Golang Elasticsearches 批量修改查询及发送MQ
2022/04/19 Golang
python和anaconda的区别
2022/05/06 Python
Python 文字识别
2022/05/11 Python
Python 中面向接口编程
2022/05/20 Python
MySQL控制流函数(-if ,elseif,else,case...when)
2022/07/07 MySQL
什么是clearfix (一文搞清楚css清除浮动clearfix)
2023/05/21 HTML / CSS