提交之前的检查表使用Ajax Django

Z时代
2024-01-10
分类：问答

我使用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提交之前检查表单中的数据。谢谢。

回答：

@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 
       } 
      } 
     }); 
    } 
});