bootstrapValidator自定验证方法写法


Posted in Javascript onDecember 01, 2016

本文实例为大家分享了bootstrapValidator自定验证方法写法,供大家参考,具体内容如下

//表单验证
issueInvoiceForm.validation = function(){
 $('#issueInvoiceForm').on('init.field.bv', function(e, data) {
    var $icon   = data.element.data('bv.icon'),
      options  = data.bv.getOptions(),           // Entire options
      validators = data.bv.getOptions(data.field).validators; // The field validators
    if (validators.notEmpty && options.feedbackIcons && options.feedbackIcons.required) {
     $icon.addClass(options.feedbackIcons.required).show();
    }
  }).bootstrapValidator({
    container:'popover',
 feedbackIcons: {
  required: 'glyphicon glyphicon-asterisk requiredStar',
      valid: 'glyphicon glyphicon-ok',
      invalid: 'glyphicon glyphicon-remove',
      validating: 'glyphicon glyphicon-refresh'
    },
    fields: {
     invoiceDate:{validators: {notEmpty: {message: '开票日期不能为空'}}},//开票日期
     code:{validators: {notEmpty: {message: '发票编码不能为空'}}},
     amount:{
     validators:{
      notEmpty: {message: '发票金额不能为空'},
      numeric: {message: '发票金额只能输入数字'},
      callback: {
             message: '开票金额小于选中金额',
             callback: function(value, validator) {
              return false;
             }
           }

     }
     },
     taxRate:{
     validators:{
      notEmpty: {message: '税率不能为空'},
      numeric: {message: '税率只能输入数字'}
     }
     },
     taxAmount:{
     validators:{
      notEmpty: {message: '税额不能为空'},
      numeric: {message: '税额只能输入数字'}
     }
     },
    },group:'.validateDiv'
 }).on('success.form.bv', issueInvoiceForm.issueInvoiceFormBtn).on('error.form.bv',function(){
  $("#issueInvoiceFormBtn").removeAttr("disabled");//将保存按钮去除disabled
   $(".has-error:visible:first").find(":input").focus();
  });
};

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery 表单中textarea字数限制实现代码
Dec 07 Javascript
JS实现Enter键跳转及控件获得焦点
Aug 12 Javascript
JavaScript通过prototype给对象定义属性用法实例
Mar 23 Javascript
网页收藏夹显示ICO图标(代码少)
Aug 04 Javascript
编写高性能Javascript代码的N条建议
Oct 12 Javascript
Javascript的比较汇总
Jul 25 Javascript
微信小程序 引用其他js文件实现代码
Feb 22 Javascript
javascript遍历json对象的key和任意js对象属性实例
Mar 09 Javascript
JS鼠标3次点击事件实现代码及扩展思路
Sep 12 Javascript
jQuery 实现倒计时天,时,分,秒功能
Jul 31 jQuery
为vue项目自动设置请求状态的配置方法
Jun 09 Javascript
JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码
Dec 01 Javascript
jQuery生成假加载动画效果
Dec 01 #Javascript
解析AngularJS中get请求URL出现的跨域问题
Dec 01 #Javascript
浅谈js键盘事件全面控制
Dec 01 #Javascript
jstree的简单实例
Dec 01 #Javascript
Vue.JS入门教程之事件监听
Dec 01 #Javascript
BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
Dec 01 #Javascript
BootStrap Validator 版本差异问题导致的submitHandler失效问题的解决方法
Dec 01 #Javascript
You might like
详细解读PHP的Yii框架中登陆功能的实现
2015/08/21 PHP
PHP加密解密类实例代码
2016/07/20 PHP
PHP自动识别当前使用移动终端
2018/05/21 PHP
ASP 过滤数组重复数据函数(加强版)
2010/05/31 Javascript
jquery实现相册一下滑动两次的方法
2015/02/09 Javascript
JS+CSS实现可以凹陷显示选中单元格的方法
2015/03/02 Javascript
jquery图形密码实现方法
2015/03/11 Javascript
详解JavaScript正则表达式中的global属性的使用
2015/06/16 Javascript
很实用的js选项卡切换效果
2016/08/12 Javascript
详解使用JS如何制作简单的ASCII图与单极图
2017/03/31 Javascript
jQuery Autocomplete简介_动力节点Java学院整理
2017/07/17 jQuery
JavaScript类的继承方法小结【组合继承分析】
2018/07/11 Javascript
Vue用v-for给循环标签自身属性添加属性值的方法
2018/10/18 Javascript
详解Node.js中path模块的resolve()和join()方法的区别
2018/10/29 Javascript
简单的React SSR服务器渲染实现
2018/12/11 Javascript
浅谈JS的原型和继承
2019/05/08 Javascript
微信小程序实现上拉加载功能
2019/11/20 Javascript
[01:57]2018DOTA2亚洲邀请赛赛前采访-iG
2018/04/03 DOTA
Python获取linux主机ip的简单实现方法
2016/04/18 Python
python下解压缩zip文件并删除文件的实例
2018/04/24 Python
pandas 把数据写入txt文件每行固定写入一定数量的值方法
2018/12/28 Python
python爬虫使用scrapy注意事项
2020/11/23 Python
Currentbody美国/加拿大:美容仪专家
2020/03/09 全球购物
荣耀商城:HIHONOR
2020/11/03 全球购物
旅游专业职业生涯规划范文
2014/01/13 职场文书
天网工程实施方案
2014/03/26 职场文书
2014客服代表实习自我鉴定
2014/09/18 职场文书
大学生就业协议书范本(适用于公司企业)
2014/10/07 职场文书
2014年基层党支部工作总结
2014/12/04 职场文书
2014财务年终工作总结
2014/12/08 职场文书
财务统计员岗位职责
2015/04/14 职场文书
2015年迎新晚会策划书
2015/07/16 职场文书
《绝招》教学反思
2016/02/20 职场文书
2016年幼儿园教师师德承诺书
2016/03/25 职场文书
python3实现无权最短路径的方法
2021/05/12 Python
Python批量解压&压缩文件夹的示例代码
2022/04/04 Python