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 相关文章推荐
如何做到打开一个页面,过几分钟自动转到另一页面
Apr 20 Javascript
jMessageBox 基于jQuery的窗口插件
Dec 09 Javascript
Node.js事件循环(Event Loop)和线程池详解
Jan 28 Javascript
详解Angular2中的编程对象Observable
Sep 17 Javascript
微信小程序 location API实例详解
Oct 02 Javascript
jQuery自定义组件(导入组件)
Nov 08 Javascript
微信小程序 POST请求(网络请求)详解及实例代码
Nov 16 Javascript
javascript中BOM基础知识总结
Feb 14 Javascript
原生JS实现 MUI导航栏透明渐变效果
Nov 07 Javascript
vue中v-for加载本地静态图片方法
Mar 03 Javascript
原生js实现Flappy Bird小游戏
Dec 24 Javascript
详解Vue的watch中的immediate与watch是什么意思
Dec 30 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 学习提高路线分享
2011/10/23 PHP
PHP 杂谈《重构-改善既有代码的设计》之四 简化条件表达式
2012/04/09 PHP
PHP中操作ini配置文件的方法
2013/04/25 PHP
PHP+mysql实现从数据库获取下拉树功能示例
2017/01/06 PHP
JavaScript的Cookies
2008/01/16 Javascript
JS获取父节点方法
2009/08/20 Javascript
Draggable Elements 元素拖拽功能实现代码
2011/03/30 Javascript
JS实现新浪微博效果带遮罩层的弹出框代码
2015/10/12 Javascript
高效的jquery数字滚动特效
2015/12/17 Javascript
基于jQuery实现交互体验社会化分享代码附源码下载
2016/01/04 Javascript
Node.js编写爬虫的基本思路及抓取百度图片的实例分享
2016/03/12 Javascript
基于jquery fly插件实现加入购物车抛物线动画效果
2016/04/05 Javascript
Javascript中arguments对象的详解与使用方法
2016/10/04 Javascript
AngularJS框架中的双向数据绑定机制详解【减少需要重复的开发代码量】
2017/01/19 Javascript
Cordova(ionic)项目实现双击返回键退出应用
2019/09/17 Javascript
vscode 插件开发 + vue的操作方法
2020/06/05 Javascript
Element Badge标记的使用方法
2020/07/27 Javascript
[02:42]决战东方!DOTA2亚洲邀请赛重启荣耀之争
2017/03/17 DOTA
跟老齐学Python之正规地说一句话
2014/09/28 Python
Python求解平方根的方法
2015/03/11 Python
Python中join和split用法实例
2015/04/14 Python
python中字符串前面加r的作用
2015/06/04 Python
12步教你理解Python装饰器
2016/02/25 Python
Python中的time模块与datetime模块用法总结
2016/06/30 Python
python3 图片referer防盗链的实现方法
2018/03/12 Python
Django实现一对多表模型的跨表查询方法
2018/12/18 Python
Python中zip()函数的简单用法举例
2019/09/02 Python
Python Dataframe常见索引方式详解
2020/05/27 Python
Python新手学习装饰器
2020/06/04 Python
pip install命令安装扩展库整理
2021/03/02 Python
办理暂住证介绍信
2014/01/11 职场文书
美术毕业生求职信
2014/02/25 职场文书
小学生关于梦想的演讲稿
2014/08/22 职场文书
人力资源部岗位职责
2015/02/11 职场文书
个人工作年终总结
2015/03/09 职场文书
休假证明书
2015/06/24 职场文书