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 相关文章推荐
FileUpload 控件 禁止手动输入或粘贴的实现代码
Apr 07 Javascript
jQuery动态添加删除select项(实现代码)
Sep 03 Javascript
七个不允许错过的jQuery小技巧
Dec 21 Javascript
Angularjs全局变量被作用域监听的正确姿势
Feb 06 Javascript
BootStrap Typeahead自动补全插件实例代码
Aug 10 Javascript
BootStrap的两种模态框方式
May 10 Javascript
JS将网址url转化为JSON格式的方法
Jul 02 Javascript
详解SPA中前端路由基本原理与实现方式
Sep 12 Javascript
微信小程序时间轴实现方法示例
Jan 14 Javascript
Node.js 多进程处理CPU密集任务的实现
May 26 Javascript
layUI实现三级导航菜单效果
Jul 26 Javascript
Vue.Draggable实现交换位置
Apr 07 Vue.js
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
基于mysql的bbs设计(一)
2006/10/09 PHP
PHP一些有意思的小区别
2006/12/06 PHP
php 获取当前访问的url文件名的方法小结
2010/02/08 PHP
php实现二进制和文本相互转换的方法
2015/04/18 PHP
PHP基于imagick扩展实现合成图片的两种方法【附imagick扩展下载】
2017/11/14 PHP
jQuery.Validate 使用笔记(jQuery Validation范例 )
2010/06/25 Javascript
Function.prototype.call.apply结合用法分析示例
2013/07/03 Javascript
JavaScript四种调用模式和this示例介绍
2014/01/02 Javascript
浅析jquery的js图表组件highcharts
2014/03/06 Javascript
JS获取地址栏参数的两种方法(简单实用)
2016/06/14 Javascript
JS三目运算(三元运算)方法详解
2017/03/01 Javascript
Nodejs调用WebService的示例代码
2017/09/29 NodeJs
微信小程序组件之srcoll-view的详解
2017/10/19 Javascript
js String.prototype.trim字符去前后空格的扩展
2020/08/23 Javascript
vue使用vant中的checkbox实现全选功能
2020/11/17 Vue.js
[01:28:44]DOTA2-DPC中国联赛定级赛 RNG vs iG BO3第一场 1月10日
2021/03/11 DOTA
Python使用scrapy采集数据时为每个请求随机分配user-agent的方法
2015/04/08 Python
Python实现将数据库一键导出为Excel表格的实例
2016/12/30 Python
python基于pyDes库实现des加密的方法
2017/04/29 Python
解决Tensorflow使用pip安装后没有model目录的问题
2018/06/13 Python
浅谈pytorch和Numpy的区别以及相互转换方法
2018/07/26 Python
python如何查看微信消息撤回
2018/11/27 Python
Pandas之排序函数sort_values()的实现
2019/07/09 Python
python range实例用法分享
2020/02/06 Python
Python用户自定义异常的实现
2020/12/25 Python
使用CSS3的::selection改变选中文本颜色的方法
2015/09/29 HTML / CSS
KIKO MILANO英国官网:意大利知名化妆品和护肤品品牌
2017/09/25 全球购物
西班牙语在线票务市场:SuperBoletería
2019/06/10 全球购物
C/C++程序员常见面试题一
2012/12/08 面试题
元旦红领巾广播稿
2014/02/19 职场文书
社区志愿者培训方案
2014/06/10 职场文书
校园标语大全
2014/06/19 职场文书
施工安全汇报材料
2014/08/17 职场文书
小组组名及励志口号
2015/12/24 职场文书
Go web入门Go pongo2模板引擎
2022/05/20 Golang
mysql实现将字符串字段转为数字排序或比大小
2022/06/14 MySQL