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的递增/递减运算符和带操作的赋值运算符的等价式
Dec 08 Javascript
jquery的颜色选择插件实例代码
Oct 02 Javascript
jQuery源码分析-03构造jQuery对象-源码结构和核心函数
Nov 14 Javascript
详解AngularJS 模态对话框
Apr 07 Javascript
百度地图API之百度地图退拽标记点获取经纬度的实现代码
Jan 12 Javascript
使用jQuery,Angular实现登录界面验证码详解
Apr 27 jQuery
socket io与vue-cli的结合使用的示例代码
Nov 01 Javascript
Node+OCR实现图像文字识别功能
Nov 26 Javascript
解决vue组件中click事件失效的问题
Nov 09 Javascript
Js视频播放器插件Video.js使用方法详解
Feb 04 Javascript
Vue自定义组件双向绑定实现原理及方法详解
Sep 03 Javascript
jquery实现抽奖功能
Oct 22 jQuery
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项目中比较通用的php自建函数的详解
2013/06/06 PHP
PHP编程基本语法快速入门手册
2016/01/07 PHP
PHP使用PHPExcel删除Excel单元格指定列的方法
2016/07/06 PHP
在laravel中实现将查询的对象转换为多维数组的函数
2019/10/21 PHP
Jquery常用的方法汇总
2015/09/01 Javascript
Jquery+Ajax+PHP+MySQL实现分类列表管理(上)
2015/10/28 Javascript
Javascript实现倒计时(防页面刷新)实例
2016/12/13 Javascript
浅谈webpack4 图片处理汇总
2018/09/12 Javascript
详解Vue2 添加对scss的支持
2019/01/02 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
微信小程序 可搜索的地址选择实现详解
2019/08/28 Javascript
基于JS实现简单滑块拼图游戏
2019/10/12 Javascript
Vue.js的模板语法详解
2020/02/16 Javascript
vue 判断两个时间插件结束时间必选大于开始时间的代码
2020/11/04 Javascript
解决Antd Table表头加Icon和气泡提示的坑
2020/11/17 Javascript
vue 数据操作相关总结
2020/12/17 Vue.js
python实现问号表达式(?)的方法
2013/11/27 Python
跟老齐学Python之不要红头文件(1)
2014/09/28 Python
Python使用filetype精确判断文件类型
2017/07/02 Python
利用Python求阴影部分的面积实例代码
2018/12/05 Python
Django用户认证系统 组与权限解析
2019/08/02 Python
python 判断txt每行内容中是否包含子串并重新写入保存的实例
2020/03/12 Python
Django中的AutoField字段使用
2020/05/18 Python
Python实现验证码识别
2020/06/15 Python
python实现MySQL指定表增量同步数据到clickhouse的脚本
2021/02/26 Python
一款纯css3实现的漂亮的404页面的实例教程
2014/11/27 HTML / CSS
加拿大当代时尚服饰、配饰和鞋类专业零售商和制造商:LE CHÂTEAU
2017/10/06 全球购物
写一个函数,要求输入一个字符串和一个字符长度,对该字符串进行分隔
2015/07/30 面试题
工商学院毕业生个人自我评价
2013/09/19 职场文书
管理部部长岗位职责
2013/12/05 职场文书
《自选商场》教学反思
2014/02/14 职场文书
白酒市场营销方案
2014/02/25 职场文书
让生命充满爱演讲稿
2014/05/10 职场文书
新员工考核评语
2014/12/31 职场文书
公司出差管理制度范本
2015/08/05 职场文书
解决mysql问题:由于找不到MSVCR120.dll,无法继续执行代码
2021/06/26 MySQL