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 相关文章推荐
JavaScript 字符串与数组转换函数[不用split与join]
Dec 13 Javascript
扩展js对象数组的OrderByAsc和OrderByDesc方法实现思路
May 17 Javascript
SuperSlide标签切换、焦点图多种组合插件
Mar 14 Javascript
基于JQuery实现仿网易邮箱全屏动感滚动插件fullPage
Sep 20 Javascript
javascript实现状态栏中文字动态显示的方法
Oct 20 Javascript
JavaScript仿淘宝页面图片滚动加载及刷新回顶部的方法解析
May 24 Javascript
PHP+jquery+ajax实现分页
Dec 09 Javascript
jquery实现瀑布流效果 jquery下拉加载新数据
Dec 12 Javascript
bootstrap table支持高度百分比的实例代码
Feb 28 Javascript
angular2实现统一的http请求头方法
Aug 13 Javascript
Javascript实现贪吃蛇小游戏(含详细注释)
Oct 23 Javascript
详解Vue的七种传值方式
Feb 08 Vue.js
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中serialize序列化与json性能测试的示例分析
2013/04/27 PHP
document.compatMode介绍
2009/05/21 Javascript
jquery dialog键盘事件代码
2010/08/01 Javascript
js的.innerHTML = ""IE9下显示有错误的解决方法
2013/09/16 Javascript
通过遮罩层实现浮层DIV登录的js代码
2014/02/07 Javascript
jQuery地图map悬停显示省市代码分享
2015/08/20 Javascript
基于javascript html5实现3D翻书特效
2016/03/14 Javascript
基于JS实现的笛卡尔乘积之商品发布
2016/05/13 Javascript
AngularJs Understanding the Model Component
2016/09/02 Javascript
vue实现可增删查改的成绩单
2016/10/27 Javascript
深入理解AngularJs-scope的脏检查(一)
2017/06/19 Javascript
vue 挂载路由到头部导航的方法
2017/11/13 Javascript
js实现下拉框二级联动
2018/12/04 Javascript
js实现踩五彩块游戏
2020/02/08 Javascript
vue中 v-for循环的用法详解
2020/02/19 Javascript
Vue props中Object和Array设置默认值操作
2020/07/30 Javascript
基于JavaScript实现随机点名器
2021/02/25 Javascript
推荐11个实用Python库
2015/01/23 Python
在python中对变量判断是否为None的三种方法总结
2019/01/23 Python
python实现将文件夹内的每张图片批量分割成多张
2019/07/22 Python
python调用Matplotlib绘制分布点图
2019/10/18 Python
python实现按首字母分类查找功能
2019/10/31 Python
德国最大的拼图在线商店:Puzzle.de
2016/12/17 全球购物
企业治理工作自我评价
2013/09/26 职场文书
大专自我鉴定范文
2013/10/23 职场文书
教师实习自我鉴定
2013/12/14 职场文书
互联网创业计划书的书写步骤
2014/01/28 职场文书
企业标语口号
2014/06/10 职场文书
简单租房协议书(范本)
2014/10/13 职场文书
夫妻分居协议书范本(有子女版)
2014/11/01 职场文书
2014年服务行业工作总结
2014/11/18 职场文书
2014年政务公开工作总结
2014/12/09 职场文书
导游词之江南园林狮子林
2019/09/16 职场文书
JavaScript 防篡改对象的用法示例
2021/04/24 Javascript
Jackson 反序列化时实现大小写不敏感设置
2021/06/29 Java/Android
mysql性能优化以及配置连接参数设置
2022/05/06 MySQL