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学习资源站点
Aug 29 Javascript
Array.prototype.slice.apply的使用方法
Mar 17 Javascript
关于Javascript与iframe的那些事儿
Jul 04 Javascript
jQuery之ajax删除详解
Feb 27 Javascript
Javascript中匿名函数的调用与写法实例详解(多种)
Jan 26 Javascript
KnockoutJS 3.X API 第四章之数据控制流component绑定
Oct 10 Javascript
微信小程序 教程之列表渲染
Oct 18 Javascript
vscode配置vue下的es6规范自动格式化详解
Mar 20 Javascript
利用百度echarts实现图表功能简单入门示例【附源码下载】
Jun 10 Javascript
解决VUE双向绑定失效的问题
Oct 29 Javascript
js canvas实现星空连线背景特效
Nov 01 Javascript
Vue实现腾讯云点播视频上传功能的实现代码
Aug 17 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面向对象全攻略 (六)__set() __get() __isset() __unset()的用法
2009/09/30 PHP
网站用php实现paypal整合方法
2010/11/28 PHP
php报表之jpgraph柱状图实例代码
2011/08/22 PHP
PHP 实现类似js中alert() 提示框
2015/03/18 PHP
php创建桌面快捷方式实现方法
2015/12/31 PHP
php打乱数组二维数组多维数组的简单实例
2016/06/17 PHP
PHP Cli 模式设置进程名称的方法
2019/06/12 PHP
网页常用特效代码整理
2006/06/23 Javascript
背景图跟随鼠标移动的Mootools插件实现代码
2011/12/12 Javascript
jquery下拉select控件操作方法分享(jquery操作select)
2014/03/25 Javascript
在JavaScript中使用对数Math.log()方法的教程
2015/06/15 Javascript
详解Bootstrap创建表单的三种格式(一)
2016/01/04 Javascript
jquery制做精致的倒计时特效
2016/06/13 Javascript
JQ选择器_选择同类元素的第N个子元素的实现方法
2016/09/08 Javascript
Vue.js实现拖放效果的实例
2016/09/30 Javascript
用jQuery实现优酷首页轮播图
2017/01/09 Javascript
jQuery设计思想
2017/03/07 Javascript
使用JavaScript根据图片获取条形码的方法
2017/07/04 Javascript
JavaScript实现数值自动增加动画
2017/12/28 Javascript
vue.js中实现登录控制的方法示例
2018/04/23 Javascript
layui-table获得当前行的上/下一行数据的例子
2019/09/24 Javascript
基于jquery实现彩色投票进度条代码解析
2020/08/26 jQuery
Vue 3自定义指令开发的相关总结
2021/01/29 Vue.js
对Pandas DataFrame缺失值的查找与填充示例讲解
2018/11/06 Python
python selenium firefox使用详解
2019/02/26 Python
如何用Python制作微信好友个性签名词云图
2019/06/28 Python
关于Django Models CharField 参数说明
2020/03/31 Python
美国鞋类购物网站:Shiekh Shoes
2016/08/21 全球购物
家庭睡衣和家庭用品:Little Blue House
2018/03/18 全球购物
Club Monaco加拿大官网:设计师男女服装
2019/09/29 全球购物
.NET remoting的两种通道是什么
2016/05/31 面试题
实习鉴定范文
2013/12/19 职场文书
党校毕业心得体会
2014/09/13 职场文书
安全守法证明
2015/06/23 职场文书
校园运动会广播稿
2015/08/19 职场文书
SQL Server中的逻辑函数介绍
2022/05/25 SQL Server