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 浏览器判断 绑定事件 arguments 转换数组 数组遍历
Jul 06 Javascript
jquery 简单的进度条实现代码
Mar 11 Javascript
js改变文章字体大小的实例代码
Nov 27 Javascript
jquery分页插件jpaginate在IE中不兼容问题
Apr 22 Javascript
Jquery性能优化详解
May 15 Javascript
node.js中的fs.readFile方法使用说明
Dec 15 Javascript
ReactNative页面跳转实例代码
Sep 27 Javascript
js表单序列化判断空值的实例
Sep 22 Javascript
WebPack配置vue多页面的技巧
May 15 Javascript
微信小程序实现城市列表选择
Jun 05 Javascript
在Vue中创建可重用的 Transition的方法
Jun 02 Javascript
vue编写简单的购物车功能
Jan 08 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
php获取参数的几种方法总结
2014/02/18 PHP
php通过pecl方式安装扩展的实例讲解
2018/02/02 PHP
laravel 解决crontab不执行的问题
2019/10/22 PHP
扩展JavaScript功能的正确方法(译文)
2012/04/12 Javascript
js style动态设置table高度
2014/10/21 Javascript
JavaScript动态创建link标签到head里的方法
2014/12/22 Javascript
js全选实现和判断是否有复选框选中的方法
2015/02/17 Javascript
本人自用的global.js库源码分享
2015/02/28 Javascript
jquery正则表达式验证(手机号、身份证号、中文名称)
2015/12/31 Javascript
javascript中apply、call和bind的使用区别
2016/04/05 Javascript
JavaScript计算器网页版实现代码分享
2016/07/15 Javascript
JS动态遍历json中所有键值对的方法(不知道属性名的情况)
2016/12/28 Javascript
jQuery EasyUI ProgressBar进度条组件
2017/02/28 Javascript
iscroll.js滚动加载实例详解
2017/07/18 Javascript
微信小程序开发之IOS和Android兼容的问题
2017/09/26 Javascript
利用js将ajax获取到的后台数据动态加载至网页中的方法
2018/08/08 Javascript
Layui组件Table绑定行点击事件和获取行数据的方法
2018/08/19 Javascript
jQuery高级编程之js对象、json与ajax用法实例分析
2019/11/01 jQuery
js实现移动端吸顶效果
2020/01/08 Javascript
[02:53]DOTA2英雄基础教程 山岭巨人小小
2013/12/09 DOTA
Python深入学习之装饰器
2014/08/31 Python
python调用百度REST API实现语音识别
2018/08/30 Python
新手学习Python2和Python3中print不同的用法
2020/06/09 Python
关于.NET, HTML的五个问题
2012/08/29 面试题
文秘大学生求职信
2014/02/25 职场文书
机关会计岗位职责
2014/04/08 职场文书
计生专干事迹
2014/05/28 职场文书
幼儿园运动会口号
2014/06/07 职场文书
商场租赁意向书
2014/07/30 职场文书
祖国在我心中演讲稿(小学生)
2014/09/23 职场文书
关于职业道德的心得体会
2016/01/18 职场文书
全国劳模先进事迹材料(2016精选版)
2016/02/25 职场文书
2016年教育局“我们的节日——端午节”主题活动总结
2016/04/01 职场文书
创业计划书之暑假培训班
2019/11/09 职场文书
iPhone13 Pro外观确定,升级4800万镜头,4月20日发新品
2021/04/15 数码科技
Centos7中MySQL数据库使用mysqldump进行每日自动备份的编写
2021/08/02 MySQL