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 相关文章推荐
硬盘浏览程序,保存成网页格式便可使用
Dec 03 Javascript
javascript上下方向键控制表格行选中并高亮显示的方法
Feb 13 Javascript
javascript引用类型指针的工作方式
Apr 13 Javascript
jQuery超酷平面式时钟效果代码分享
Mar 30 Javascript
JavaScript中iframe实现局部刷新的几种方法汇总
Jan 06 Javascript
js实现图片加载淡入淡出效果
Apr 07 Javascript
Angular.js中angular-ui-router的简单实践
Jul 18 Javascript
JS库particles.js创建超炫背景粒子插件(附源码下载)
Sep 13 Javascript
jQuery Dom元素操作技巧
Feb 04 jQuery
Vue项目添加动态浏览器头部title的方法
Jul 11 Javascript
Javascript数组及类数组相关原理详解
Oct 29 Javascript
Vant picker 多级联动操作
Nov 02 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
Linux下实现PHP多进程的方法分享
2012/08/16 PHP
php和js如何通过json互相传递数据相关问题探讨
2013/02/26 PHP
关于PHP的curl开启问题探讨
2014/04/08 PHP
PHP生成树的方法
2015/07/28 PHP
thinkphp表单上传文件并将文件路径保存到数据库中
2016/07/28 PHP
PHP获取用户客户端真实IP的解决方案
2016/10/10 PHP
如何使用PHP给图片加水印
2016/10/12 PHP
微信开发之获取JSAPI TICKET
2017/07/07 PHP
PHP 对象继承原理与简单用法示例
2020/04/21 PHP
js获取图片长和宽度的代码
2009/11/24 Javascript
jquery制作弹窗提示窗口代码分享
2014/03/02 Javascript
jquery 页眉单行信息滚动显示实现思路及代码
2014/06/26 Javascript
AngularJs用户输入动态模板XSS攻击示例详解
2018/04/21 Javascript
Vue项目pdf(base64)转图片遇到的问题及解决方法
2018/10/19 Javascript
puppeteer实现html截图的示例代码
2019/01/10 Javascript
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
2019/02/27 jQuery
JavaScript进制转换实现方法解析
2020/01/18 Javascript
Openlayers实现地图的基本操作
2020/09/28 Javascript
web.py在模板中输出美元符号的方法
2014/08/26 Python
Python实现基本线性数据结构
2016/08/22 Python
使用Turtle画正螺旋线的方法
2017/09/22 Python
Python元字符的用法实例解析
2018/01/17 Python
Python 实现网页自动截图的示例讲解
2018/05/17 Python
python跳过第一行快速读取文件内容的实例
2018/07/12 Python
基于python实现自动化办公学习笔记(CSV、word、Excel、PPT)
2019/08/06 Python
django-filter和普通查询的例子
2019/08/12 Python
详解Python文件修改的两种方式
2019/08/22 Python
Python TKinter如何自动关闭主窗口
2020/02/26 Python
在python中实现求输出1-3+5-7+9-......101的和
2020/04/02 Python
Pottery Barn阿联酋:购买家具、家居装饰及更多
2019/12/08 全球购物
社区母亲节活动记录
2014/03/06 职场文书
食品委托检验协议书范本
2014/09/12 职场文书
党员教师四风自我剖析材料
2014/09/30 职场文书
上级领导检查欢迎词
2015/09/30 职场文书
详解CocosCreator项目结构机制
2021/04/14 Javascript
vscode内网访问服务器的方法
2022/06/28 Servers