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 相关文章推荐
提高网站信任度的技巧
Oct 17 Javascript
jquery中eq和get的区别与使用方法
Apr 14 Javascript
用dtree实现树形菜单 dtree使用说明
Oct 17 Javascript
qTip2 精致的基于jQuery提示信息插件
Feb 17 Javascript
THREE.JS入门教程(5)你应当知道的十件事
Jan 24 Javascript
angularJS提交表单(form)
Feb 09 Javascript
JavaScript实现常用二级省市级联下拉列表的方法
Mar 25 Javascript
js实现iframe框架取值的方法(兼容IE,firefox,chrome等)
Nov 26 Javascript
JS中利用swiper实现3d翻转幻灯片实例代码
Aug 25 Javascript
Vue2 SSR渲染根据不同页面修改 meta
Nov 20 Javascript
Vue中使用clipboard实现复制功能
Sep 05 Javascript
微信小程序学习总结(三)条件、模板、文件引用实例分析
Jun 04 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显示MySQL数据的三种方法
2008/06/05 PHP
用PHP将网址字符串转换成超链接(网址或email)
2010/05/25 PHP
关于PHP语言构造器介绍
2013/07/08 PHP
php伪静态之APACHE篇
2014/06/02 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
PHP迭代器和迭代的实现与使用方法分析
2018/04/19 PHP
客户端js性能优化小技巧整理
2013/11/05 Javascript
javascript 函数及作用域总结介绍
2013/11/12 Javascript
JS打开新窗口防止被浏览器阻止的方法
2015/01/03 Javascript
js针对ip地址、子网掩码、网关的逻辑性判断
2016/01/06 Javascript
搞定immutable.js详细说明
2016/05/02 Javascript
Bootstrap 附加导航(Affix)插件实例详解
2016/06/01 Javascript
jquery实现拖动效果(代码分享)
2017/01/25 Javascript
微信小程序 开发之顶部导航栏实例代码
2017/02/23 Javascript
Vue.js组件tab实现选项卡切换
2020/03/23 Javascript
Vue.js常用指令的使用小结
2017/06/23 Javascript
vue .sync修饰符的使用详解
2018/06/15 Javascript
详解Angular-ui-BootStrap组件的解释以及使用
2018/07/13 Javascript
详解vue通过NGINX部署在子目录或者二级目录实践
2018/09/03 Javascript
Vue中图片Src使用变量的方法
2019/10/30 Javascript
[47:36]Optic vs Newbee 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
[01:08:32]DOTA2-DPC中国联赛 正赛 DLG vs PHOENIX BO3 第二场 1月18日
2021/03/11 DOTA
python 使用turtule绘制递归图形(螺旋、二叉树、谢尔宾斯基三角形)
2019/05/30 Python
Python 画出来六维图
2019/07/26 Python
pytest中文文档之编写断言
2019/09/12 Python
Python实现元素等待代码实例
2019/11/11 Python
wxPython实现分隔窗口
2019/11/19 Python
Python 实现加密过的PDF文件转WORD格式
2020/02/04 Python
Python+OpenCV图像处理——打印图片属性、设置存储路径、调用摄像头
2020/10/22 Python
python爬虫多次请求超时的几种重试方法(6种)
2020/12/01 Python
HTML高亮关键字的实现代码
2018/10/22 HTML / CSS
关于迟到的检讨书
2014/01/26 职场文书
爱心捐助活动总结
2015/05/09 职场文书
入党积极分子考察意见
2015/06/02 职场文书
KTV员工管理制度
2015/08/06 职场文书
防溺水主题班会教案
2015/08/12 职场文书