bootstrap-validator检查表

时间:2016-04-01 20:40:35

标签: forms twitter-bootstrap validation bootstrapvalidator

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

我可以致电$("#form2").validator('validate');,但我无法获得返回值。

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

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

1 个答案:

答案 0 :(得分: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