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 相关文章推荐
CCPry JS类库 代码
Oct 30 Javascript
jquery 插件学习(三)
Aug 06 Javascript
JS Jquery 遍历,筛选页面元素 自动完成(实现代码)
Jul 08 Javascript
jQuery中的$.ajax()方法应用
May 06 Javascript
如何在MVC应用程序中使用Jquery
Nov 17 Javascript
JavaScript获取一个范围内日期的方法
Apr 24 Javascript
关于List.ToArray()方法的效率测试
Sep 30 Javascript
基于百度地图实现产品销售的单位位置查看功能设计与实现
Oct 21 Javascript
微信小程序实现图片放大预览功能
Oct 22 Javascript
vue项目中jsonp跨域获取qq音乐首页推荐问题
May 30 Javascript
详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)
Oct 26 Javascript
Vuerouter的beforeEach与afterEach钩子函数的区别
Dec 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
PHP 数组和字符串互相转换实现方法
2013/03/26 PHP
PHP利用hash冲突漏洞进行DDoS攻击的方法分析
2015/03/26 PHP
Yii2分页的使用及其扩展方法详解
2016/05/23 PHP
jQuery与ExtJS之选择实例分析
2010/08/19 Javascript
改写一个简单的菜单 弹性大小
2010/12/02 Javascript
jQuery1.6 类型判断实现代码
2011/09/01 Javascript
JQuery DataTable删除行后的页面更新利用Ajax解决
2013/05/17 Javascript
探讨在JQuery和Js中,如何让ajax执行完后再继续往下执行
2013/07/09 Javascript
关于JS中的闭包浅谈
2013/08/23 Javascript
jQuery中removeProp()方法用法实例
2015/01/05 Javascript
JavaScript实现SHA-1加密算法的方法
2015/03/11 Javascript
jQuery实现div拖拽效果实例分析
2016/02/20 Javascript
vue.js选中动态绑定的radio的指定项
2017/06/02 Javascript
原生js实现公告滚动效果
2021/01/10 Javascript
vue实现分页组件
2020/06/16 Javascript
微信小程序使用 vant Dialog组件的正确方式
2020/02/21 Javascript
[55:47]DOTA2上海特级锦标赛C组小组赛#2 LGD VS Newbee第三局
2016/02/27 DOTA
Python生成随机数的方法
2014/01/14 Python
python中的格式化输出用法总结
2016/07/28 Python
Django实现全文检索的方法(支持中文)
2018/05/14 Python
python3利用tcp实现文件夹远程传输
2018/07/28 Python
python+selenium实现QQ邮箱自动发送功能
2019/01/23 Python
Python使用mongodb保存爬取豆瓣电影的数据过程解析
2019/08/14 Python
python对Excel的读取的示例代码
2020/02/14 Python
python编程进阶之异常处理用法实例分析
2020/02/21 Python
使用Python封装excel操作指南
2021/01/29 Python
eBay加拿大站:eBay.ca
2019/06/20 全球购物
Athleta官网:购买女士瑜伽服、技术运动服和休闲运动服
2020/11/12 全球购物
土木工程专业自荐信
2013/10/04 职场文书
经销商会议欢迎词
2014/01/11 职场文书
敬老模范事迹
2014/05/21 职场文书
感恩教师节演讲稿
2014/09/03 职场文书
2015年学校精神文明工作总结
2015/05/27 职场文书
MySQL 分页查询的优化技巧
2021/05/12 MySQL
Windows安装Anaconda3的方法及使用过程详解
2021/06/11 Python
python语言中pandas字符串分割str.split()函数
2022/08/05 Python