帶引導程序的validator.js，您如何知道您的表單在AJAX表單上有效？

Question

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

單擊按鈕時運行此命令：

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

結果是對象，那么在AJAX調用之前如何知道我的表單是否有效？ 在我目前的情況下，“驗證器”只是運行並提交表單。

Answer 1

文件

嘗試這個

$('#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!
  }
});