引导验证器检查表

【问题标题】：bootstrap-validator check form引导验证器检查表
【发布时间】：2016-04-01 20:40:34
【问题描述】：

我正在使用1000hz BootstrapValidator，点击按钮后（不提交，因为我需要留在页面上而不刷新）我想检查表单是否正确。

我只能调用$("#form2").validator('validate');，但我无法获得返回值。

我知道isDefaultPrevented，但它在提交后被调用，我不想提交。

$('#form').validator().on('submit', function (e) {
    if (e.isDefaultPrevented()) {
    // handle the invalid form...
    } else {
        // everything looks good!
    }
})

【问题讨论】：

标签： forms twitter-bootstrap validation bootstrapvalidator

【解决方案1】：

是的，一种方法是将提交按钮类型从submit更改为button，并通过点击功能处理验证，如果任何输入字段有错误($('#form2').validator('validate').has('.has-error').length)，则计算长度并使用if/else条件处理.

$(document).ready(function(){
    $("#myButton").click(function() {
      if ($('#form2').validator('validate').has('.has-error').length) {
        alert('SOMETHING WRONG');
      } else {
        //$("#form2").submit();
        alert('EVERYTHING IS GOOD');
      }
    });
});

Fiddle Example

【讨论】：