验证表单阻止表单提交

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.