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 解析后的xml对象的读取方法细解
Jul 25 Javascript
JavaScript 定义function的三种方式小结
Oct 16 Javascript
location对象的属性和方法应用(解析URL)
Apr 12 Javascript
js 判断浏览器使用的语言示例代码
Mar 22 Javascript
iframe如何动态创建及释放其所占内存
Sep 03 Javascript
jQuery中DOM操作实例分析
Jan 23 Javascript
JS+CSS实现的简单折叠展开多级菜单效果
Sep 12 Javascript
AngularJS中过滤器的使用与自定义实例代码
Sep 17 Javascript
bootstrapValidator 重新启用提交按钮的方法
Feb 20 Javascript
vue解决跨域路由冲突问题思路解析
Nov 03 Javascript
Vue Router中应用中间件的方法
Aug 06 Javascript
解决VantUI popup 弹窗不弹出或无蒙层的问题
Nov 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
检查url链接是否已经有参数的php代码 添加 ? 或 &
2010/02/09 PHP
简单的PHP缓存设计实现代码
2011/09/30 PHP
PHP批量生成静态HTML的简单原理和方法
2014/04/20 PHP
PHP数组相加操作及与array_merge的区别浅析
2016/11/26 PHP
Js 中debug方式
2010/02/07 Javascript
再谈javascript原型继承
2014/11/10 Javascript
jQuery中empty()方法用法实例
2015/01/16 Javascript
基于canvas实现的绚丽圆圈效果完整实例
2016/01/26 Javascript
JS实现1000以内被3或5整除的数字之和
2016/02/18 Javascript
Bootstrap学习笔记之js组件(4)
2016/06/12 Javascript
JavaScript中在光标处插入添加文本标签节点的详细方法
2017/03/22 Javascript
jQuery实现图片上传预览效果功能完整实例【测试可用】
2018/05/28 jQuery
JS立即执行函数功能与用法分析
2019/01/15 Javascript
如何获取vue单文件自身源码路径
2019/05/06 Javascript
vue elementUI 表单校验的实现代码(多层嵌套)
2019/11/06 Javascript
JS校验与最终登陆界面功能完整示例
2020/01/13 Javascript
TensorFlow.js 微信小程序插件开始支持模型缓存的方法
2020/02/21 Javascript
[38:41]2014 DOTA2国际邀请赛中国区预选赛 LGD VS CNB
2014/05/22 DOTA
介绍Python中几个常用的类方法
2015/04/08 Python
python获取当前日期和时间的方法
2015/04/30 Python
python-pyinstaller、打包后获取路径的实例
2019/06/10 Python
python实现键盘输入的实操方法
2019/07/16 Python
解决Pytorch 训练与测试时爆显存(out of memory)的问题
2019/08/20 Python
python flask中动态URL规则详解
2019/11/22 Python
python实现视频读取和转化图片
2019/12/10 Python
Dockers鞋官网:Dockers Shoes
2018/11/13 全球购物
String和StringBuffer的区别
2015/08/13 面试题
个人简历自我评价八例
2013/10/31 职场文书
人力资源部经理的岗位职责
2014/03/04 职场文书
公开服务承诺制度
2014/03/26 职场文书
计算机系统管理员求职信
2014/06/20 职场文书
2014年设计师工作总结
2014/11/25 职场文书
审查起诉阶段律师意见书
2015/05/19 职场文书
比赛主持人开场白
2015/05/29 职场文书
跳高加油稿
2015/07/21 职场文书
2015年音乐教研组工作总结
2015/07/22 职场文书