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学习资源站点
Aug 29 Javascript
JQuery的Validation插件中Remote验证的中文问题
Jul 26 Javascript
jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝)
Feb 04 Javascript
jquery实现输入框动态增减的实例代码
Jul 14 Javascript
谈一谈javascript闭包
Jan 28 Javascript
vue.js实现价格格式化的方法
May 23 Javascript
jQury Ajax使用Token验证身份实例代码
Sep 22 Javascript
详解如何在你的Vue项目配置vux
Jun 04 Javascript
jQuery AJAX与jQuery事件的分析讲解
Feb 18 jQuery
使用Angular material主题定义自己的组件库的配色体系
Sep 04 Javascript
javascript实现页面的实时时钟显示示例
Aug 06 Javascript
node中短信api实现验证码登录的示例代码
Jan 20 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
在WAMP环境下搭建ZendDebugger php调试工具的方法
2011/07/18 PHP
php使用for语句输出三角形的方法
2015/06/09 PHP
详解如何在云服务器上部署Laravel
2017/06/30 PHP
统一接口:为FireFox添加IE的方法和属性的js代码
2007/03/25 Javascript
使用js获取QueryString的方法小结
2010/02/28 Javascript
Jquery实现带动画效果的经典二级导航菜单
2013/03/22 Javascript
浏览器兼容的JS写法总结
2016/04/27 Javascript
p5.js入门教程之小球动画示例代码
2018/03/15 Javascript
微信小程序解除10个请求并发限制
2018/12/18 Javascript
JavaScript中的回调函数实例讲解
2019/01/27 Javascript
JS实现点击按钮随机生成可拖动的不同颜色块示例
2019/01/30 Javascript
详解在React-Native中持久化redux数据
2019/05/22 Javascript
JS字符串常用操作方法实例小结
2019/06/24 Javascript
原生js实现文件上传、下载、封装等实例方法
2020/01/05 Javascript
flexible.js实现移动端rem适配方案
2020/04/07 Javascript
基于js实现数组相邻元素上移下移
2020/05/19 Javascript
[53:15]2018DOTA2亚洲邀请赛3月29日 小组赛A组 LGD VS TNC
2018/03/30 DOTA
Python实现的简单算术游戏实例
2015/05/26 Python
Python删除空文件和空文件夹的方法
2015/07/14 Python
python numpy元素的区间查找方法
2018/11/14 Python
Python进度条的制作代码实例
2019/08/31 Python
Python代码中如何读取键盘录入的值
2020/05/27 Python
Lombok插件安装(IDEA)及配置jar包使用详解
2020/11/04 Python
html5 postMessage解决跨域、跨窗口消息传递方案
2016/12/20 HTML / CSS
美国知名生活购物网站:Goop
2017/11/03 全球购物
计算机应用专业学生的自我评价分享
2013/11/03 职场文书
建筑系毕业生自我鉴定
2014/01/24 职场文书
书香校园活动方案
2014/02/28 职场文书
竞聘演讲稿
2014/04/24 职场文书
幼儿教师师德演讲稿
2014/05/06 职场文书
2014年艾滋病防治工作总结
2014/12/10 职场文书
廉洁自律个人总结
2015/02/14 职场文书
2015年秋季运动会广播稿
2015/08/19 职场文书
Redis高可用集群redis-cluster详解
2022/03/20 Redis
pycharm安装深度学习pytorch的d2l包失败问题解决
2022/03/25 Python
Nginx HTTP跳转至HTTPS
2022/05/15 Servers