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之$(document).ready()使用介绍
Apr 05 Javascript
jquery 跳到顶部和底部动画2句代码简单实现
Jul 18 Javascript
jQuery 3 中的新增功能汇总介绍
Jun 12 Javascript
在DWR中实现直接获取一个JAVA类的返回值的两种方法
Dec 25 Javascript
js上下视差滚动简单实现代码
Mar 07 Javascript
安装vue-cli报错 -4058 的解决方法
Oct 19 Javascript
Vue 项目分环境打包的方法示例
Aug 03 Javascript
vue-cli脚手架build目录下utils.js工具配置文件详解
Sep 14 Javascript
Vue.js 中的 v-cloak 指令及使用详解
Nov 19 Javascript
React中阻止事件冒泡的问题详析
Apr 12 Javascript
js实现简单的秒表
Jan 16 Javascript
vue中后端做Excel导出功能返回数据流前端的处理操作
Sep 08 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调用三种数据库的方法(2)
2006/10/09 PHP
Ajax+PHP边学边练 之五 图片处理
2009/12/03 PHP
php中session退出登陆问题
2014/02/27 PHP
PHP的Yii框架使用中的一些错误解决方法与建议
2015/08/21 PHP
一个简单的php MVC留言本实例代码(必看篇)
2016/09/22 PHP
Laravel框架在本地虚拟机快速安装的方法详解
2018/06/11 PHP
PHP小程序支付功能完整版【基于thinkPHP】
2019/03/26 PHP
jQuery AnythingSlider滑动效果插件
2010/02/07 Javascript
JS实现时间格式化的方式汇总
2013/10/16 Javascript
js控制文本框输入的字符类型方法汇总
2015/06/19 Javascript
javascript实现网页背景烟花效果的方法
2015/08/06 Javascript
jquery.validate.js 多个相同name的处理方式
2017/07/10 jQuery
详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)
2019/01/07 Javascript
基于AngularJS拖拽插件ngDraggable.js实现拖拽排序功能
2019/04/02 Javascript
优雅的处理vue项目异常实战记录
2019/06/05 Javascript
vue实现简单的日历效果
2020/09/24 Javascript
Vue项目实现换肤功能的一种方案分析
2019/08/28 Javascript
webpack的 rquire.context用法实现工程自动化的方法
2020/02/07 Javascript
JavaScript代码实现微博批量取消关注功能
2021/02/05 Javascript
python解析xml文件操作实例
2014/10/05 Python
Python中functools模块函数解析
2017/03/12 Python
使用python编写简单的小程序编译成exe跑在win10上
2018/01/15 Python
python将邻接矩阵输出成图的实现
2019/11/21 Python
python列表生成器迭代器实例解析
2019/12/19 Python
python实现PDF中表格转化为Excel的方法
2020/06/16 Python
宝塔面板成功部署Django项目流程(图文)
2020/06/22 Python
25个CSS3动画按钮和菜单教程分享
2012/10/03 HTML / CSS
非洲NO.1网上商店:Jumia肯尼亚
2016/08/18 全球购物
决心书范文
2014/03/11 职场文书
英文请假条
2014/04/11 职场文书
应聘英语教师求职信
2014/04/24 职场文书
525心理活动总结
2014/07/04 职场文书
农村文化活动总结
2014/08/28 职场文书
2014年扶贫工作总结
2014/11/18 职场文书
六年级作文之自救
2019/12/19 职场文书
mysql sql常用语句大全
2022/06/21 MySQL