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 04 Javascript
基于jquery的loading 加载提示效果实现代码
Sep 01 Javascript
javascript学习笔记(十一) 正则表达式介绍
Jun 20 Javascript
jquery 设置元素相对于另一个元素的top值(实例代码)
Nov 06 Javascript
jquery如何把数组变为字符串传到服务端并处理
Apr 30 Javascript
javascript模拟post提交隐藏地址栏的参数
Sep 03 Javascript
javascript中attachEvent用法实例分析
May 14 Javascript
js数组如何添加json数据及js数组与json的区别
Oct 27 Javascript
浅谈jQuery双事件多重加载的问题
Oct 05 Javascript
javascript中数组的常用算法深入分析
Mar 12 Javascript
JS document内容及样式操作完整示例
Jan 14 Javascript
在vue中使用echarts(折线图的demo,markline用法)
Jul 20 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
德生PL330测评
2021/03/02 无线电
xajax写的留言本
2006/11/25 PHP
某大型网络公司应聘时的笔试题目附答案
2008/03/27 PHP
php面向对象中static静态属性和静态方法的调用
2015/02/08 PHP
php的mail函数发送UTF-8编码中文邮件时标题乱码的解决办法
2015/10/20 PHP
简单概括PHP的字符串中单引号与双引号的区别
2016/05/07 PHP
使用javascript创建快捷方式的简单实例
2013/08/09 Javascript
jquery复选框checkbox实现删除前判断
2014/04/20 Javascript
Express.JS使用详解
2014/07/17 Javascript
JQuery简单实现锚点链接的平滑滚动
2015/05/03 Javascript
详解javascript中的事件处理
2015/11/06 Javascript
jQuery插件datatables使用教程
2016/04/21 Javascript
使用jQuery调用XML实现无刷新即时聊天
2016/08/07 Javascript
jQuery动态生成表格及右键菜单功能示例
2017/01/13 Javascript
javascript设计模式之策略模式学习笔记
2017/02/15 Javascript
Vue computed计算属性的使用方法
2017/07/14 Javascript
es6在react中的应用代码解析
2017/11/08 Javascript
jQuery实现鼠标响应式透明度渐变动画效果示例
2018/02/13 jQuery
微信小程序之批量上传并压缩图片的实例代码
2018/07/05 Javascript
Vue使用watch监听一个对象中的属性的实现方法
2019/05/10 Javascript
微信小程序实现左侧滑栏过程解析
2019/08/26 Javascript
echarts浮动显示单位的实现方法示例
2020/12/04 Javascript
[00:36]DOTA2上海特级锦标赛 Archon战队宣传片
2016/03/04 DOTA
Python中模块与包有相同名字的处理方法
2017/05/05 Python
python 怎样将dataframe中的字符串日期转化为日期的方法
2019/09/26 Python
德国最大的设计师鞋网上商店:Budapester
2017/12/07 全球购物
波兰在线杂货店:Polski Koszyk
2019/11/02 全球购物
食堂个人先进事迹
2014/01/22 职场文书
《春到梅花山》教学反思
2014/04/16 职场文书
投标授权委托书范文
2014/08/02 职场文书
蛋糕店创业计划书范文
2014/09/21 职场文书
初三语文教学计划
2015/01/22 职场文书
小学三八妇女节活动总结
2015/02/06 职场文书
道德与公民自我评价
2015/03/09 职场文书
MySQL数据库必备之条件查询语句
2021/10/15 MySQL
Python实战实现爬取天气数据并完成可视化分析详解
2022/06/16 Python