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 相关文章推荐
Save a File Using a File Save Dialog Box
Jun 18 Javascript
JavaScript可否多线程? 深入理解JavaScript定时机制
May 23 Javascript
js将iframe中控件的值传到主页面控件中的实现方法
Mar 11 Javascript
jquery获取被勾选的checked(选中)的那一行的3列和4列的值
Jul 04 Javascript
基于jQuery Circlr插件实现产品图片360度旋转
Sep 20 Javascript
JavaScript 消息框效果【实现代码】
Apr 27 Javascript
angularjs+bootstrap菜单的使用示例代码
Mar 07 Javascript
jQuery+pjax简单示例汇总
Apr 21 jQuery
详解create-react-app 2.0版本如何启用装饰器语法
Oct 23 Javascript
JavaScript中的连续赋值问题实例分析
Jul 12 Javascript
微信提示 在浏览器打开 效果实现过程解析
Sep 10 Javascript
Vue项目vscode 安装eslint插件的方法(代码自动修复)
Apr 15 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 mysql数据库操作分页类
2008/06/04 PHP
探讨各种PHP字符串函数的总结分析
2013/06/05 PHP
关于PHP内存溢出问题的解决方法
2013/06/25 PHP
php对象在内存中的存在形式分析
2015/02/03 PHP
WIN8.1下搭建PHP5.6环境
2015/04/29 PHP
php输出含有“#”字符串的方法
2017/01/18 PHP
laradock环境docker-compose操作详解
2019/07/29 PHP
php判断某个方法是否存在函数function_exists (),method_exists()与is_callable()区别与用法解析
2020/04/20 PHP
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
2010/08/12 Javascript
jquery 与NVelocity 产生冲突的解决方法
2011/06/13 Javascript
JQuery扩展插件Validate 1 基本使用方法并打包下载
2011/09/05 Javascript
IE与Firefox在JavaScript上的7个不同句法分享
2011/10/30 Javascript
js 遍历对象的属性的代码
2011/12/29 Javascript
jQuery学习笔记之jQuery+CSS3的浏览器兼容性
2015/01/19 Javascript
全面了解js中的script标签
2016/07/04 Javascript
Bootstrap简单表单显示学习笔记
2016/11/15 Javascript
微信小程序 数组(增,删,改,查)等操作实例详解
2017/01/05 Javascript
JS实现利用两个队列表示一个栈的方法
2017/12/13 Javascript
JS对象与json字符串相互转换实现方法示例
2018/06/14 Javascript
javascript中函数的写法实例代码详解
2018/10/28 Javascript
微信小程序实现搜索指定景点周边美食、酒店
2019/05/18 Javascript
Vue父子之间值传递的实例教程
2020/07/02 Javascript
js实现滑动滑块验证登录
2020/07/24 Javascript
在Python的while循环中使用else以及循环嵌套的用法
2015/10/14 Python
对变量赋值的理解--Pyton中让两个值互换的实现方法
2017/11/29 Python
python使用pandas处理excel文件转为csv文件的方法示例
2019/07/18 Python
解决Atom安装Hydrogen无法运行python3的问题
2019/08/28 Python
python pyenv多版本管理工具的使用
2019/12/23 Python
Python获取android设备cpu和内存占用情况
2020/11/15 Python
应届大学生自荐信
2013/12/05 职场文书
2014年上半年工作自我评价
2014/01/18 职场文书
学习决心书
2014/03/11 职场文书
2014年党的群众路线活动个人整改措施
2014/10/28 职场文书
2015暑假实习报告范文
2015/07/13 职场文书
上手简单,功能强大的Python爬虫框架——feapder
2021/04/27 Python
Python3 类型标注支持操作
2021/06/02 Python