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 相关文章推荐
一端时间轮换的广告
Jun 26 Javascript
JQuery从头学起第三讲
Jul 06 Javascript
jquery Mobile入门—多页面切换示例学习
Jan 08 Javascript
手机端网页点击链接触发自动拨打或保存电话的示例代码
Aug 15 Javascript
jQuery构造函数init参数分析
May 13 Javascript
jquery插件ajaxupload实现文件上传操作
Dec 09 Javascript
AngularJS入门教程之Cookies读写操作示例
Nov 02 Javascript
从零开始学习Node.js系列教程三:图片上传和显示方法示例
Apr 13 Javascript
详解AngularJS用Interceptors来统一处理HTTP请求和响应
Jun 08 Javascript
vue初始化动画加载的实例
Sep 01 Javascript
浅谈vue中resetFields()使用注意事项
Aug 12 Javascript
Echarts.js无法引入问题解决方案
Oct 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数据集构建JSON格式及新数组的方法
2012/11/07 PHP
php绘制一条弧线的方法
2015/01/24 PHP
解析WordPress中控制用户登陆和判断用户登陆的PHP函数
2016/03/01 PHP
php实现的SSO单点登录系统接入功能示例分析
2016/10/12 PHP
(转载)JavaScript中匿名函数,函数直接量和闭包
2007/05/08 Javascript
JavaScript ( (__ = !$ + $)[+$] + ({} + $)[_/_] +({} + $)[_/_] )
2011/02/25 Javascript
jquery异步请求实例代码
2011/06/21 Javascript
node.js中实现同步操作的3种实现方法
2014/12/05 Javascript
nodejs批量修改文件编码格式
2015/01/22 NodeJs
Bootstrap每天必学之js插件
2015/11/30 Javascript
nodejs修复ipa处理过的png图片
2016/02/17 NodeJs
微信小程序自定义组件传值 页面和组件相互传数据操作示例
2019/05/05 Javascript
react-native滑动吸顶效果的实现过程
2019/06/03 Javascript
vue2配置scss的方法步骤
2019/06/06 Javascript
node.js制作一个简单的登录拦截器
2020/02/10 Javascript
[05:06]2017亚洲邀请赛DAC回顾片
2017/04/19 DOTA
[54:09]RNG vs Liquid 2019国际邀请赛淘汰赛 败者组 BO3 第一场 8.23
2019/09/05 DOTA
wxpython 学习笔记 第一天
2009/02/09 Python
Python中的fileinput模块的简单实用示例
2015/07/09 Python
利用Python脚本实现ping百度和google的方法
2017/01/24 Python
Python实现的十进制小数与二进制小数相互转换功能
2017/10/12 Python
详解django.contirb.auth-认证
2018/07/16 Python
Python数据分析:手把手教你用Pandas生成可视化图表的教程
2018/12/15 Python
python爬虫 批量下载zabbix文档代码实例
2019/08/21 Python
pandas read_excel()和to_excel()函数解析
2019/09/19 Python
python中常见错误及解决方法
2020/06/21 Python
浅谈pc和移动端的响应式的使用
2019/01/03 HTML / CSS
函数只定义了一次, 调用了一次, 但编译器提示非法重定义了-什么问题?
2014/10/03 面试题
九年级语文教学反思
2014/02/04 职场文书
护理专科毕业生自荐书范文
2014/02/19 职场文书
大学生考试作弊检讨书1000字
2014/10/14 职场文书
论群众路线学习笔记
2014/11/06 职场文书
2015年酒店服务员工作总结
2015/05/18 职场文书
2016婚礼主持词开场白
2015/11/24 职场文书
Python如何把不同类型数据的json序列化
2021/04/30 Python
vue中div禁止点击事件的实现
2022/04/02 Vue.js