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 相关文章推荐
JS遮罩层效果 兼容ie firefox jQuery遮罩层
Jul 26 Javascript
javascript实现div的拖动并调整大小类似qq空间个性编辑模块
Dec 12 Javascript
js获取判断上传文件后缀名的示例代码
Feb 19 Javascript
IE中鼠标经过option触发mouseout的解决方法
Jan 29 Javascript
JQuery中attr属性和jQuery.data()学习笔记【必看】
May 18 Javascript
实现easyui的datagrid导出为excel的示例代码
Nov 10 Javascript
js实现随机数字字母验证码
Jun 19 Javascript
详解vue-cli中配置sass
Jun 21 Javascript
vue-cli项目中使用Mockjs详解
May 14 Javascript
vue实现通讯录功能
Jul 14 Javascript
Easyui 去除jquery-easui tab页div自带滚动条的方法
May 10 jQuery
js+audio实现音乐播放器
Sep 13 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 microtime获取浮点的时间戳
2010/02/21 PHP
php版微信公众号自定义分享内容实现方法
2016/09/22 PHP
php微信公众号开发之音乐信息
2018/10/20 PHP
使用Javascript和DOM Interfaces来处理HTML
2006/10/09 Javascript
utf-8编码引起js输出中文乱码的解决办法
2010/06/23 Javascript
深入理解JavaScript系列(13) This? Yes,this!
2012/01/18 Javascript
JavaScript异步调用定时方法并停止该方法实现代码
2012/03/16 Javascript
js控制table合并具体实现
2014/02/20 Javascript
js实现浏览本地文件并显示扩展名的方法
2015/08/17 Javascript
JS创建对象几种不同方法详解
2016/03/01 Javascript
Bootstrap学习笔记之js组件(4)
2016/06/12 Javascript
Bootstrap Modal对话框如何在关闭时触发事件
2016/12/02 Javascript
ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】
2019/12/21 Javascript
你准备好迎接vue3.0了吗
2020/04/28 Javascript
浅析Python中的序列化存储的方法
2015/04/28 Python
Python中字典(dict)合并的四种方法总结
2017/08/10 Python
Python实现曲线点抽稀算法的示例
2017/10/12 Python
python互斥锁、加锁、同步机制、异步通信知识总结
2018/02/11 Python
python调用OpenCV实现人脸识别功能
2018/05/25 Python
使用pth文件添加Python环境变量方式
2020/05/26 Python
Python 跨.py文件调用自定义函数说明
2020/06/01 Python
Python提取视频中图片的示例(按帧、按秒)
2020/10/22 Python
Python爬虫回测股票的实例讲解
2021/01/22 Python
移动web模拟客户端实现多方框输入密码效果【附代码】
2016/03/25 HTML / CSS
毕业生简单求职信
2013/11/19 职场文书
鲜果饮品店创业计划书
2014/01/21 职场文书
绿化先进工作者事迹材料
2014/01/30 职场文书
公益活动邀请函
2014/02/05 职场文书
总经理助理工作职责
2014/02/06 职场文书
党员个人对照检查材料
2014/10/01 职场文书
2014年党务公开工作总结
2014/12/09 职场文书
交通事故调解协议书
2015/05/20 职场文书
无保留意见审计报告
2015/06/05 职场文书
JavaScript高级程序设计之变量与作用域
2021/11/17 Javascript
如何解决php-fpm启动不了问题
2021/11/17 PHP
JavaScript圣杯布局与双飞翼布局实现案例详解
2022/08/05 Javascript