帶引導的validator.js你怎麼知道你的表單在AJAX表單上有效？

Question

我正在使用validtor js教程將其添加到我的項目中。

我運行這個按鈕被點擊時：

$("#add_now_btn").click(function(event){ 
    //add now button 
    // event.preventDefault(); 
    //$('#myOrderDetailsForm').validator(); 
    var result = $('#myOrderDetailsForm').validator('validate'); 

結果是對象，所以我怎麼知道我的形式我的AJAX調用之前是有效的？在我目前的情況下，'驗證器'只是運行並提交表單。

Answer 1

Docs

試試這個

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

你也可以使用invalid.bs.validator找到形式的錯誤（這作品時，表單字段將變爲無效。）

$('form').validator().on('invalid.bs.validator', function (e) {  
    console.log(e) 
}) 

並獲得布爾值，無論表單是否有效使用此

$('form').validator().data('bs.validator').hasErrors(); 

如果表單有錯誤則返回true，如果表單有效則返回false。

Answer 2

爲什麼不試試這種方式？ ：

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