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中的sortable排序之后的保存状态的解决方法
Jan 28 Javascript
基于jQuery的淡入淡出可自动切换的幻灯插件
Aug 24 Javascript
jQuery 获取URL的GET参数值的小例子
Apr 18 Javascript
jquery append()方法与html()方法的区别及使用介绍
Aug 01 Javascript
JavaScript数组去重的五种方法
Nov 05 Javascript
基于Node.js实现nodemailer邮件发送
Jan 26 Javascript
jQuery+css实现的tab切换标签(兼容各浏览器)
Jan 28 Javascript
JavaScript的React框架中的JSX语法学习入门教程
Mar 05 Javascript
有关文件上传 非ajax提交 得到后台数据问题
Oct 12 Javascript
js原生之焦点图转换加定时器实例
Dec 12 Javascript
jQuery编写textarea输入字数限制代码
Mar 23 jQuery
【js设计模式】SOLID五大设计原则
Mar 24 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
LotusPhp笔记之:Cookie组件的使用详解
2013/05/06 PHP
PHP将身份证正反面两张照片合成一张图片的代码
2017/04/08 PHP
PHP实现二维数组中的查找算法小结
2018/06/09 PHP
php模拟实现斗地主发牌
2020/04/22 PHP
Javascript模块模式分析
2008/05/16 Javascript
Jquery 表格合并的问题分享
2011/09/17 Javascript
javaScript 删除字符串空格多种方法小结
2012/10/24 Javascript
jQuery extend 的简单实例
2013/09/18 Javascript
jQuery实现仿淘宝带有指示条的图片转动切换效果完整实例
2015/03/04 Javascript
jQuery基于cookie实现的购物车实例分析
2015/12/24 Javascript
JavaScript 闭包机制详解及实例代码
2016/10/10 Javascript
利用React-router+Webpack快速构建react程序
2016/10/27 Javascript
leaflet的开发入门教程
2016/11/17 Javascript
AngularJS实现表单验证功能
2017/01/09 Javascript
微信小程序 自定义对话框实例详解
2017/01/20 Javascript
javascript编写简易计算器
2017/05/06 Javascript
基于JavaScript实现数码时钟效果
2020/03/30 Javascript
利用JS如何计算字符串所占字节数示例代码
2017/09/13 Javascript
分享15个最受欢迎的Python开源框架
2014/07/13 Python
django admin 后台实现三级联动的示例代码
2018/06/22 Python
pandas实现将dataframe满足某一条件的值选出
2019/06/12 Python
对Python 简单串口收发GUI界面的实例详解
2019/06/12 Python
Python实现RGB与HSI颜色空间的互换方式
2019/11/27 Python
python对文件的操作方法汇总
2020/02/28 Python
python读写数据读写csv文件(pandas用法)
2020/12/14 Python
CSS3动画之利用requestAnimationFrame触发重新播放功能
2019/09/11 HTML / CSS
html5文本内容_动力节点Java学院整理
2017/07/11 HTML / CSS
佳能英国官方网站:Canon UK
2017/08/08 全球购物
机电工程专业应届生求职信
2013/10/03 职场文书
白酒市场开发计划书
2014/01/09 职场文书
新年抽奖获奖感言
2014/03/02 职场文书
迟到检讨书
2015/01/26 职场文书
给下属加薪申请报告
2015/05/15 职场文书
Python3中最常用的5种线程锁实例总结
2021/07/07 Python
Python内置数据结构列表与元组示例详解
2021/08/04 Python
Win11查看设备管理器
2022/04/19 数码科技