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深入理解js闭包
Jul 03 Javascript
AeroWindow 基于JQuery的弹出窗口插件
Jun 27 Javascript
js动态添加onclick事件可传参数与不传参数
Jul 29 Javascript
深入理解Javascript中this的作用域
Aug 12 Javascript
用原生JS获取CLASS对象(很简单实用)
Oct 15 Javascript
jQuery实现下滑菜单导航效果代码
Aug 25 Javascript
jquery读写cookie操作实例分析
Dec 24 Javascript
javascript+css3开发打气球小游戏完整代码
Nov 28 Javascript
vue之将echart封装为组件
Jun 02 Javascript
解决layer.open后laydate失效的问题
Sep 06 Javascript
Vue el-autocomplete远程搜索下拉框并实现自动填充功能(推荐)
Oct 25 Javascript
如何基于jQuery实现五角星评分
Sep 02 jQuery
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
动漫女神老婆无限好,但日本女生可能就不是这么一回事了!
2020/03/04 日漫
ThinkPHP中Widget扩展的两种写法及调用方法详解
2017/05/04 PHP
利用PHP判断是手机移动端还是PC端访问的函数示例
2017/12/14 PHP
WordPress 插件——CoolCode使用方法与下载
2007/07/02 Javascript
JS实现图片翻书效果示例代码
2013/09/09 Javascript
js算法中的排序、数组去重详细概述
2013/10/14 Javascript
javascript创建数组之联合数组的使用方法示例
2013/12/26 Javascript
JS模拟键盘打字效果的方法
2015/08/05 Javascript
js正则表达式验证邮件地址
2015/11/12 Javascript
Bootstrap学习笔记之css样式设计(2)
2016/06/07 Javascript
js时间戳与日期格式之间转换详解
2017/12/11 Javascript
解决vue中使用swiper插件问题及swiper在vue中的用法
2018/04/04 Javascript
jQuery实现的页面弹幕效果【测试可用】
2018/08/17 jQuery
elementUI Vue 单个按钮显示和隐藏的变换功能(两种方法)
2018/09/04 Javascript
vue.js编译时给生成的文件增加版本号
2018/09/17 Javascript
给localStorage设置一个过期时间的方法分享
2018/11/06 Javascript
React 使用Hooks简化受控组件的状态绑定
2019/03/18 Javascript
详解Vue依赖收集引发的问题
2019/04/22 Javascript
微信小程序开发注意指南和优化实践(小结)
2019/06/21 Javascript
学习LayUI时自研的表单参数校验框架案例分析
2019/07/29 Javascript
用JS实现选项卡
2020/03/23 Javascript
python访问纯真IP数据库的代码
2011/05/19 Python
Python脚本实现网卡流量监控
2015/02/14 Python
python使用nntp读取新闻组内容的方法
2015/05/08 Python
python 3.6 tkinter+urllib+json实现火车车次信息查询功能
2017/12/20 Python
windows下搭建python scrapy爬虫框架步骤
2018/12/23 Python
python实现通过flask和前端进行数据收发
2019/08/22 Python
澳洲女装时尚在线:Blue Bungalow
2018/05/05 全球购物
高中毕业生个人自我鉴定
2013/11/24 职场文书
投资协议书范本
2014/04/21 职场文书
中队活动总结
2014/08/27 职场文书
2014年国庆晚会主持词
2014/09/19 职场文书
聚众斗殴罪辩护词
2015/05/21 职场文书
高三教师工作总结2015
2015/07/21 职场文书
小学班主任研修日志
2015/11/13 职场文书
Python可视化学习之seaborn调色盘
2022/02/24 Python