このフォームを無限ループなしで提出するにはどうすればよいですか？

Question

私はすべてを試しました。私は他の質問を見つけることが、何の答えは私の問題を解決していない：

$(document).on('submit', 'form#formNuevoContacto', function(event) { 
    var $form = $(this); 
    var $accionActual = $form.find('#action'); 
    $form.find('#action').val('validate'); 

    $.post($form.attr("action"), $form.serialize(), function(response) { 
     if (response.resultValidation == "true") { 
      $form.submit(); // ==> INFINITE LOOP! 
     } else { 
      alert('Form is not valid!'); 
     } 
    }); 

    event.preventDefault(); 
}); 

私が試した：$form.unbind().submit()をしかし、うまくいきませんでした。

Answer 1

トグルを使用して、送信を選択的に前処理したり、ブラウザがそのジョブを実行できるようにすることができます。以下の編集では、2番目のサブミットを発行する直前に、 "isPreProcessing"という名前のフォームオブジェクトに変数を配置します。ご覧のとおり、コードが最初に行うことは、この値が存在するかどうかを確認し、存在する場合は、ブラウザに送信を委任することです。

$(document).on('submit', 'form#formNuevoContacto', function(event) { 
    if(this.isPreProcessing) { 
    //allow for actual submit to run 
    this.isPreProcessing = false; 
    return; 
    } 
    var $form = $(this); 
    var $accionActual = $form.find('#action'); 
    $form.find('#action').val('validate'); 

    $.post($form.attr("action"), $form.serialize(), function(response) { 
    if (response.resultValidation == "true") { 
     //prevent the loop 
     this.isPreProcessing = true; 
     $form.submit(); 
    } else { 
     alert('Form is not valid!'); 
    } 
    }); 

    event.preventDefault(); 
}); 

Answer 2

ただ1つのajax呼び出しを行い、検証されない場合はエラーを処理する必要があります。サーバーがそれを検証する場合、サーバーはそれを保管する必要があります。今のようにコードが乱雑ですし、時間の無駄です。全く同じデータを2回転記しています

$.ajax({ 
    type: {most like put 'POST' here}, 
    url: {action url}, 
    data: {your form}, 
    success: success_function(), 
    error: error_function() 
});