AJAXが成功した後に同じフォームを別のページに送信

Question

私はAJAXで検証されたフォームを持っています。問題はAJAXが応答を返した後に同じフォームを同じページに提出する必要があります。 $('#bigform').submit()を使用しているため、同じページにあるPHPにフォームを送信することはできません。

$(document).ready(function() { 
    $('#bigform').submit(function(event) { 
     var captcha_checks = $('#password_again').val(); 
     $(this).validate(); 
     if (!$(this).valid()) 
      return false; 

     $.ajax({ 
      type: 'post', 
      url: 'http://trigma.com/mobile-app-development/verify_captcha.php', 
      data: { captcha_checks: captcha_checks }, 
      dataType: 'html', 
      success: function(data) { 
       if (data == 1) { 
        $('#bigform').submit(); 
       } 
       if (data == 2) { 
        $('#captcha_error').text("Invalid Captcha! Please fill captcha carefully"); 
       } 
      } 
     }); 
     event.preventDefault(); 
    }); 
}); 

Answer 1

あなたはこのようなブール変数を追加することができます再び提出する前に、イベントハンドラを削除してみてください...成功の目的球に... `$（「＃のbigform」）オフ

$(document).ready(function() { 
    var first = true; 
     $('#bigform').submit(function(event) { 

     if(first){ 
      var captcha_checks = $('#password_again').val(); 
      $(this).validate(); 
      if (!$(this).valid()) 
       return false; 

      $.ajax({ 
       type: 'post', 
       url: 'http://trigma.com/mobile-app-development/verify_captcha.php', 
       data: { captcha_checks: captcha_checks }, 
       dataType: 'html', 
       success: function(data) { 
        if (data == 1) { 
         first = false; 
         $('#bigform').submit(); 
        } 
        if (data == 2) { 
         $('#captcha_error').text("Invalid Captcha! Please fill captcha carefully"); 
        } 
       } 
      }); 
      } 
      else 
      { 
      $('#bigform').submit(); 
      } 
      event.preventDefault(); 
     }); 
    });  

Answer 2

これが行うには奇妙なことですが、あなたは次のように、別の関数を使用する必要がある場合：ではなくボタンをSUBMITためclickイベントハンドラを設定しないのはなぜ

$(document).ready(function(){ 
    function onSubmit(theElement){ 
     var captcha_checks = $('#password_again').val(); 
     theElement.validate(); 
     if (!theElement.valid()) return false; 
     $.ajax({ 
      type: 'post', 
      url: 'http://trigma.com/mobile-app-development/verify_captcha.php', 
      data: {captcha_checks:captcha_checks}, 
      dataType: 'html', 
      success: function(data) { 
      if(data == 1){ 
       onSubmit(theElement); 
      } 
      if(data == 2){ 
       $('#captcha_error').text("Invalid Captcha! Please fill captcha carefully"); 
      } 
      } 
     }); 
     event.preventDefault(); 
    } 
    $('#bigform').submit(function(event){ 
     onSubmit($(this)); 
    }); 
    }); 
</script> 

Answer 3

？

$('#submit-btn').click(function(event){ 
    event.preventDefault(); 

    var form = $(this).closest('form'); 
    $(form).validate(); 
    if (!$(form).valid()) 
     return false; 

    //...your AJAX call... 
     if(data == 1){ 
      form.submit(); 
     } 
    //... 

});