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 相关文章推荐
js 键盘记录实现(兼容FireFox和IE)
Feb 07 Javascript
jQuery选中select控件 无法设置selected的解决方法
Sep 01 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
Apr 12 Javascript
IE8下Jquery获取select选中的值post到后台报错问题
Jul 02 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
Jul 27 Javascript
javascript使用shift+click实现选择和反选checkbox的方法
May 04 Javascript
全面了解函数声明与函数表达式、变量提升
Aug 09 Javascript
仿淘宝JSsearch搜索下拉深度用法
Jan 15 Javascript
vue 多入口文件搭建 vue多页面搭建的实例讲解
Mar 12 Javascript
JavaScript设计模式之单例模式原理与用法实例分析
Jul 26 Javascript
vue项目前端错误收集之sentry教程详解
May 27 Javascript
基于vue-cli3+typescript的tsx开发模板搭建过程分享
Feb 28 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编程注意事项的小结
2013/04/27 PHP
PHP统计目录大小的自定义函数分享
2014/11/18 PHP
PHP在线调试执行的实现方法(附demo源码)
2016/04/28 PHP
利用PHP获取网站访客的所在地位置
2017/01/18 PHP
PHP使用文件锁解决高并发问题示例
2018/03/29 PHP
常用的javascript function代码
2008/05/23 Javascript
juqery 学习之四 筛选过滤
2010/11/30 Javascript
Node.js中对通用模块的封装方法
2014/06/06 Javascript
jQuery实现表格行上下移动和置顶效果
2015/06/05 Javascript
Javascript刷新窗口方法小结
2015/10/21 Javascript
Bootstrap 最常用的JS插件系列总结(图片轮播、标签切换等)
2016/07/14 Javascript
jquery根据一个值来选中select下的option实例代码
2016/08/29 Javascript
手机端实现Bootstrap简单图片轮播效果
2016/10/13 Javascript
jquery easyui如何实现格式化列
2017/07/30 jQuery
vue 2.0封装model组件的方法
2017/08/03 Javascript
Vue父子组件之间的通信实例详解
2018/09/28 Javascript
在vue项目中优雅的使用SVG的方法实例详解
2018/12/03 Javascript
微信小程序获取用户信息并保存登录状态详解
2019/05/10 Javascript
Preload基础使用方法详解
2020/02/03 Javascript
[01:09:20]NB vs NAVI Supermajor小组赛A组 BO3 第二场 6.2
2018/06/03 DOTA
[01:11:32]VG vs FNATIC 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
Python写的一个简单DNS服务器实例
2014/06/04 Python
wxPython窗口的继承机制实例分析
2014/09/28 Python
深入理解python中的浅拷贝和深拷贝
2016/05/30 Python
Python数据拟合与广义线性回归算法学习
2017/12/22 Python
python3使用matplotlib绘制散点图
2019/03/19 Python
Python绘图Matplotlib之坐标轴及刻度总结
2019/06/28 Python
canvas烟花特效锦集
2018/01/17 HTML / CSS
文秘应聘自荐书范文
2014/02/18 职场文书
会计工作决心书
2014/03/11 职场文书
户外活动策划方案
2014/03/12 职场文书
经典毕业生求职信
2014/07/12 职场文书
交通事故一次性赔偿协议书范本
2014/11/02 职场文书
春秋淹城导游词
2015/02/11 职场文书
四年级语文教学反思
2016/03/03 职场文书
校园文化艺术节开幕词
2016/03/04 职场文书