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 相关文章推荐
用按钮控制iframe显示的网页实现方法
Feb 04 Javascript
使用JS CSS去除IE链接虚线框的三种方法
Nov 14 Javascript
javaScript中with函数用法实例分析
Jun 08 Javascript
JS实现新浪博客左侧的Blog管理菜单效果代码
Oct 22 Javascript
javascript设计简单的秒表计时器
Sep 05 Javascript
基于Javascript实现二级联动菜单效果
Mar 04 Javascript
JS实现动画兼容性的transition和transform实例分析
Dec 13 Javascript
判断jQuery是否加载完成,没完成继续判断的解决方法
Dec 06 jQuery
微信小程序实现留言板(Storage)
Nov 02 Javascript
js实现下拉框二级联动
Dec 04 Javascript
详解VUE项目中安装和使用vant组件
Apr 28 Javascript
JavaScript进制转换实现方法解析
Jan 18 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发电子邮件
2006/10/09 PHP
php下安装配置fckeditor编辑器的方法
2011/03/02 PHP
php结合ajax实现赞、顶、踩功能实例
2014/05/12 PHP
PHP实现全角字符转为半角方法汇总
2015/07/09 PHP
Laravel开启跨域请求的方法
2019/10/13 PHP
JS模拟的QQ面板上的多级可展开的菜单
2009/10/10 Javascript
基于jQuery的左右滚动实现代码
2010/12/03 Javascript
javascript处理table表格的代码
2010/12/06 Javascript
JavaScript使用FileSystemObject对象写入文本文件内容的方法
2015/08/05 Javascript
分享12个非常实用的JavaScript小技巧
2016/05/11 Javascript
js在ie下打开对话窗口的方法小结
2016/10/24 Javascript
利用Plupload.js解决大文件上传问题, 带进度条和背景遮罩层
2017/03/15 Javascript
Angular使用$http.jsonp发送跨站请求的方法
2017/03/16 Javascript
解决eclipse中没有js代码提示的问题
2018/10/10 Javascript
vue项目中mock.js的使用及基本用法
2019/05/22 Javascript
JavaScript模块管理的简单实现方式详解
2019/06/15 Javascript
Layui tree 下拉菜单树的实例代码
2019/09/21 Javascript
jQuery实现弹幕特效
2019/11/29 jQuery
antd design table更改某行数据的样式操作
2020/10/31 Javascript
浅谈Python中range和xrange的区别
2017/12/20 Python
Python实现的NN神经网络算法完整示例
2018/06/19 Python
python中实现字符串翻转的方法
2018/07/11 Python
用Python去除图像的黑色或白色背景实例
2019/12/12 Python
如何在python中处理配置文件代码实例
2020/09/27 Python
python中如何使用虚拟环境
2020/10/14 Python
详解Open Folder as PyCharm Project怎么添加的方法
2020/12/29 Python
pycharm配置QtDesigner的超详细方法
2021/01/25 Python
python基于Kivy写一个图形桌面时钟程序
2021/01/28 Python
CSS3中几个新增加的盒模型属性使用教程
2016/03/01 HTML / CSS
美国50岁以上单身人士约会平台:SilverSingles
2018/06/29 全球购物
编程输出如下图形
2013/11/24 面试题
生育关怀行动实施方案
2014/03/26 职场文书
2015年师德师风承诺书
2015/01/22 职场文书
应届毕业生求职信范文
2015/03/19 职场文书
律师函格式范本
2015/05/27 职场文书
nginx配置虚拟主机的详细步骤
2021/07/21 Servers