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 validate使用攻略 第四步
Jul 01 Javascript
jQuery效果 slideToggle() 方法(在隐藏和显示之间切换)
Jun 28 Javascript
jQuery插件multiScroll实现全屏鼠标滚动切换页面特效
Apr 12 Javascript
如何动态加载外部Javascript文件
Dec 02 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
Nov 05 Javascript
js绑定事件和解绑事件
Apr 27 Javascript
详解使用angularjs的ng-options时如何设置默认值(初始值)
Jul 18 Javascript
vue获取dom元素注意事项
Dec 28 Javascript
小程序简单两栏瀑布流效果的实现
Dec 18 Javascript
js实现旋转木马轮播图效果
Jan 10 Javascript
Preload基础使用方法详解
Feb 03 Javascript
js实现弹窗猜数字游戏
Nov 26 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
ThinkPHP3.1新特性之内容解析输出详解
2014/06/19 PHP
yii2带搜索功能的下拉框实例详解
2016/05/12 PHP
LINUX下PHP程序实现WORD文件转化为PDF文件的方法
2016/05/13 PHP
PHP中的use关键字及文件的加载详解
2016/11/28 PHP
PHP实现用户异地登录提醒功能的方法【基于thinkPHP框架】
2018/03/15 PHP
Laravel 类和接口注入相关的代码
2019/10/15 PHP
大家未必知道的Js技巧收藏
2008/04/07 Javascript
jquery的clone方法应用于textarea和select的bug修复
2014/06/26 Javascript
javascript数组排序汇总
2015/07/07 Javascript
jQuery中fadein与fadeout方法用法示例
2016/09/16 Javascript
Bootstrap 过渡效果Transition 模态框(Modal)
2017/03/17 Javascript
详解在vue-cli项目中安装node-sass
2017/06/21 Javascript
JavaScript学习总结(一) ECMAScript、BOM、DOM(核心、浏览器对象模型与文档对象模型)
2018/01/07 Javascript
在 React、Vue项目中使用SVG的方法
2018/02/09 Javascript
js图数据结构处理 迪杰斯特拉算法代码实例
2019/09/11 Javascript
JS实现移动端可折叠导航菜单(现代都市风)
2020/07/07 Javascript
微信小程序实现上传照片代码实例解析
2020/08/04 Javascript
[04:16]DOTA2全国高校联赛16强抽签
2018/05/02 DOTA
Python 字符串操作实现代码(截取/替换/查找/分割)
2013/06/08 Python
Python自动化测试ConfigParser模块读写配置文件
2016/08/15 Python
python实现微信远程控制电脑
2018/02/22 Python
python2.7无法使用pip的解决方法(安装easy_install)
2018/04/03 Python
Django1.9 加载通过ImageField上传的图片方法
2018/05/25 Python
Python将文本去空格并保存到txt文件中的实例
2018/07/24 Python
Python random模块制作简易的四位数验证码
2020/02/01 Python
html5在移动端的屏幕适应问题示例探讨
2014/06/15 HTML / CSS
美国孕妇装购物网站:Motherhood Maternity
2019/09/22 全球购物
知识竞赛活动方案
2014/02/18 职场文书
讲文明树新风公益广告宣传方案
2014/02/25 职场文书
春节晚会主持词
2014/03/24 职场文书
投资建议书模板
2014/05/12 职场文书
重阳节标语大全
2014/10/07 职场文书
简历自我评价模板
2015/03/11 职场文书
社区安全温馨提示语
2015/07/14 职场文书
SpringBoot整合阿里云视频点播的过程详解
2021/12/06 Java/Android
Spring Cloud Netflix 套件中的负载均衡组件 Ribbon
2022/04/13 Java/Android