bootstrapValidator自定验证方法写法

 更新时间:2016年12月01日 13:45:22   作者:yueyeqingshan  
这篇文章主要为大家详细介绍了bootstrapValidator自定验证方法写法,研究bootstrapValidator验证,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了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();
  });
};

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • 微信小程序日期选择器实例代码

    微信小程序日期选择器实例代码

    本文通过一段实例代码给大家介绍了微信小程序日期选择器的实现思路,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
    2018-07-07
  • 在线演示常用javascript特效

    在线演示常用javascript特效

    图形显示特效鼠标驱动图片变化随机显示banner图片随意移动图片定期消失字符连续消隐文字不停变色JavaScript容错...图片循环显现QQ菜单生成器图形显示特效连续滚动的图片图片水中倒影纯JavaScript时钟图片翻滚导航星星满天闪烁左侧的极酷...
    2008-04-04
  • layUI的验证码功能及校验实例

    layUI的验证码功能及校验实例

    今天小编就为大家分享一篇layUI的验证码功能及校验实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • MSN消息提示类

    MSN消息提示类

    MSN消息提示类...
    2006-09-09
  • js实现直播点击飘心效果

    js实现直播点击飘心效果

    这篇文章主要为大家详细介绍了js实现直播点击飘心效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-08-08
  • js的indexOf方法使用

    js的indexOf方法使用

    indexOf() 方法可返回数组中某个指定的元素位置,本文就来介绍一下js的indexOf方法使用,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2023-05-05
  • JavaScript 事件监听实例代码[兼容IE,firefox] 含注释

    JavaScript 事件监听实例代码[兼容IE,firefox] 含注释

    JavaScript事件监听完整实例 含注释,非常的不错,大家可以直接使用。
    2009-08-08
  • JS/HTML5游戏常用算法之碰撞检测 地图格子算法实例详解

    JS/HTML5游戏常用算法之碰撞检测 地图格子算法实例详解

    这篇文章主要介绍了JS/HTML5游戏常用算法之碰撞检测 地图格子算法,结合实例形式详细分析了javascript碰撞检测算法的相关原理、实现技巧与操作注意事项,需要的朋友可以参考下
    2018-12-12
  • js 自动播放的实例代码

    js 自动播放的实例代码

    这篇文章主要介绍了js 自动播放的实例代码,有需要的朋友可以参考一下
    2013-11-11
  • js实现倒计时时钟的示例代码

    js实现倒计时时钟的示例代码

    本篇文章主要是对js倒计时时钟的示例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12

最新评论