驗證表單阻止表單提交

Question

我正在使用asp.net MVC 5並試圖在提交時驗證表單。一切工作正常，直到我添加下面的代碼行來驗證表單使用Ajax調用。

$('#signupform').validate({ 
    submitHandler: function (form) {    
     $.ajax({ 
      type: 'POST', 
      data: JSON.stringify({ type: "WhatsNew", code: $('#PrimaryCode').val() }), 
      url: '@Url.Action("CheckCode", "Home")', 
      dataType: 'json', 
      contentType: 'application/json' 
     }) 
     .done(function (response) { 
      if (response == 'success') { 

       alert('success'); 
      } 
      else { 
       alert('failed'); 
      } 
     }); 
     return false; // required to block normal submit since you used ajax 
    } 
}); 

上面的代碼只是阻止提交表單。

Answer 1

您阻止提交return false;爲了ajax驗證表單，但是表單在驗證成功後沒有提交。

在.done()內添加表單提交觸發器;

if (response == 'success') {  
    // since validation is success, submit form here (e.g. YourForm.submit()) 
} 

Answer 2

可能穿行：

• 之前提交內部.done形式（）;確保你從你的表格中刪除/取消綁定驗證。
• 請點擊此鏈接：click here for another couple of ways.