So schreiben Sie eine benutzerdefinierte BootstrapValidator-Validierungsmethode-PHP开发-php.cn

So schreiben Sie eine benutzerdefinierte BootstrapValidator-Validierungsmethode

高洛峰

Freigeben： 2016-12-03 10:13:09

Original

2055 Leute haben es durchsucht

Das Beispiel in diesem Artikel zeigt, wie Sie die benutzerdefinierte Verifizierungsmethode von BootstrapValidator als Referenz schreiben. Der spezifische Inhalt lautet wie folgt:

//表单验证
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();
  });
};

Nach dem Login kopieren