양식 제출하기 전에 제출 Ajax 장고 사용

Question

Ajax를 사용하여 양식에서 서버로 데이터를 전송합니다. 그러나 나는 형태로 데이터 이전 아약스에 의해 제출 확인하려면 :

<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가 제출하기 전에 데이터를 양식으로 확인할 수있는 솔루션을 제공 할 수 있습니다. 감사합니다. .

Answer 1

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

Answer 2

$('#id_form').submit(function(e) 이벤트에서 Ajax를 호출하기 전에 원하는 모든 것을 확인/편집/반환 할 수 있습니다. Ajax 안에서는 제대로 작동하지 않을 것이라고 생각합니다. (우리는 단지 아약스 결과를 입력이 아닌지 확인한다)