jQuery override event.preventDefault()

Question

제출할 때 일반적인 e.preventDefault()를 거쳐 대신 ajax 요청을 보내는 양식이 있습니다. 그러나이 Ajax 요청이 특정 조건을 반환하면 양식을 정상적으로 제출해야합니다. 이것을 어떻게 성취합니까? 귀하의 의견은 폼 변수를 변경 말한다 때문에

// Submit handler 
$(".reserveer_form").submit(function(event){ 
    event.preventDefault(); 

    $.ajax({ 
    url: $(this).attr("action"), 
    data: $(this).serialize(), 
    success: function(data) { 
     if($(".messagered",data).length > 0){ 
     var errors = $(".messagered",data); 
     $(".gegevens").before(errors); 
     } else { 
      // SUBMIT THE FORM! 
     } 

    } 
    }); 

}) 

Answer 1

양식의 기본 submit 메서드를 호출하여 jQuery 핸들러를 트리거하지 않도록합니다.

$.ajax({ 
    context: this, // <-- set the context. 
    url: $(this).attr("action"), 
    data: $(this).serialize(), 
    success: function (data) { 
     if ($(".messagered", data).length > 0) { 
      var errors = $(".messagered", data); 
      $(".gegevens").before(errors); 
     } else { 
      this.submit(); // <-- submit the form 
     } 
    } 
}); 

Answer 2

, 당신은 같은 형태의 변수를 확인하여 submit 핸들러를 시작할 수 있습니다. 변경된 경우 return true. 그렇지 않은 경우 현재 핸들러로 계속하십시오.

Answer 3

당신은 submit() method 또는 양식을 사용할 수 있습니다

$(".reserveer_form").submit(function(event){ 
    event.preventDefault(); 
    var form = this, 
     $form = $(form); 

    $.ajax({ 
    url: $form.attr("action"), 
    data: $form.serialize(), 
    success: function(data) { 
     var errors = $(".messagered", data); 
     if (errors.length > 0){ 
     $(".gegevens").before(errors); 
     } else { 
     form.submit(); 
     } 
    } 
    }); 
}) 

그러나,이 이상한 아약스 요청 될 것으로 보인다. 먼저, 서버로 ajax를 통해 직렬화 된 양식을 보내고 응답에 오류가 없으면 다시 보냅니다. 서버는 두 번 처리합니다 (양식에 따라 두 번 작동합니다). 또한 사용자는 자신의 입력이 이미 처리되었다는 메시지를받지 못합니다. "제출"을 클릭하면 시각적으로 제출 될 때까지 시간이 걸립니다 (입력이 변경 될 수도 있습니다).