2017-12-18 101 views
-1

我使用Ajax將數據從表單發送到服務器。但我想檢查表單數據阿賈克斯之前提交:提交之前的檢查表使用Ajax Django

<form id='#id_form' onsubmit='return checkInputSubmit();' > 
... 
</form> 

在阿賈克斯:

$('#id_form').submit(function(e) { 
     e.preventDefault(); 

     $.ajax({ 
      type: 'POST', 
      url: url, 
      dataType: 'json', 
      data: $('#id_form').serialize(), // serializes the form's elements. 
      success: function(data) { 
       if(data.result == true) { 
        //My code 
       } 
       else { 
        //My code 
       } 
      } 
     }); 
    }); 

但checkInputSubmit()不能防止從阿賈克斯提交。您可以爲我解釋並給我解決方案,以便在Ajax提交之前檢查表單中的數據。 謝謝。

+2

您可以改爲在'submit'處理程序中進行檢查。 – 2017-12-18 03:33:56

回答

0

@Blurp,我找到了解決方案,使用你的幫助。

$('#id_form').validate({ 
    submitHandler: function(form) { 
     e.preventDefault(); 

     $.ajax({ 
      type: 'POST', 
      url: url, 
      dataType: 'json', 
      data: $('#id_form').serialize(), // serializes the form's elements. 
      success: function(data) { 
       if(data.result == true) { 
        //My code 
       } 
       else { 
        //My code 
       } 
      } 
     }); 
    } 
}); 
0

$('#id_form').submit(function(e)事件中,您可以在調用Ajax之前檢查/編輯/返回...任何你想要的東西。在Ajax中,我認爲它不會工作,並且不好。 (我們只是檢查ajax的結果,而不是輸入)