How to write bootstrapValidator custom validation method-PHP开发-php.cn

Home

php教程

PHP开发

How to write bootstrapValidator custom validation method

高洛峰

Dec 03, 2016 am 10:13 AM

The example in this article shares how to write the bootstrapValidator custom verification method for your reference. The specific content is as follows

//表单验证
issueInvoiceForm.validation = function(){
 $(&#39;#issueInvoiceForm&#39;).on(&#39;init.field.bv&#39;, function(e, data) {
    var $icon   = data.element.data(&#39;bv.icon&#39;),
      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:&#39;popover&#39;,
 feedbackIcons: {
  required: &#39;glyphicon glyphicon-asterisk requiredStar&#39;,
      valid: &#39;glyphicon glyphicon-ok&#39;,
      invalid: &#39;glyphicon glyphicon-remove&#39;,
      validating: &#39;glyphicon glyphicon-refresh&#39;
    },
    fields: {
     invoiceDate:{validators: {notEmpty: {message: &#39;开票日期不能为空&#39;}}},//开票日期
     code:{validators: {notEmpty: {message: &#39;发票编码不能为空&#39;}}},
     amount:{
     validators:{
      notEmpty: {message: &#39;发票金额不能为空&#39;},
      numeric: {message: &#39;发票金额只能输入数字&#39;},
      callback: {
             message: &#39;开票金额小于选中金额&#39;,
             callback: function(value, validator) {
              return false;
             }
           }
 
     }
     },
     taxRate:{
     validators:{
      notEmpty: {message: &#39;税率不能为空&#39;},
      numeric: {message: &#39;税率只能输入数字&#39;}
     }
     },
     taxAmount:{
     validators:{
      notEmpty: {message: &#39;税额不能为空&#39;},
      numeric: {message: &#39;税额只能输入数字&#39;}
     }
     },
    },group:&#39;.validateDiv&#39;
 }).on(&#39;success.form.bv&#39;, issueInvoiceForm.issueInvoiceFormBtn).on(&#39;error.form.bv&#39;,function(){
  $("#issueInvoiceFormBtn").removeAttr("disabled");//将保存按钮去除disabled
   $(".has-error:visible:first").find(":input").focus();
  });
};

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn