JavaScript：フォーム送信の前にAjaxを呼び出すための制御ロジック？

Question

名前、電子メール、ファイルのアップロードを含むHTMLマルチパートフォームがあります。

私はまずユーザーをAjaxに登録したいと考えています。登録が成功すると、フォームを送信してください。失敗した場合は、フォームを提出しないようにします。

は、これは私のコードです：

--- HTML --- 
    <form id="account-form" method="post" enctype="multipart/form-data" data-ajax="false" action="upload.php" > 
    <input type="text" name="username" id="username" /> 
    <input type="email" name="email" id="email" /> 
    <input type="file" id="mediaupload" name="mediaupload" accept="image/*" /> 
    </form> 
    --- JavaScript --- 
    accountform.submit(function(event) { 
    var registration_ok = true; 
    // See if we can register the user 
    // And if we can, submit the form. 
    $.ajax({ 
     type: "POST", 
     url: "/usercreate.php", 
     data: postdata, 
     dataType: 'json', 
     success: function(data) { 
      // fine to submit the form. 
     }, 
     error: function (data){ 
      // If this fails, we don't want to submit the form! 
      registration_ok = false; 
     } 
    }); 
    return registration_ok; 
    }); 

しかし、それは常にtrueを返します - 私は、主な機能はAjaxのエラーが呼び出される前を返すので、これがあると思います。

登録が失敗した場合、どのようにしてフォームが返されないようにするにはどうすればよいですか？

ありがとうございます！

Answer 1

あなたが代わりにregistation_okの、常にfalseを返し、その後、成功機能で、移動する必要があります：

document.forms["account-form"].submit(); //edited 

つまり、あなたが押したときにフォームを送信することはありません送信ボタン、AJAXが戻るのを待ってから、登録が成功した場合にのみフォームを送信してください。偽、パラメータ申し訳

Answer 2

あなたの.ajaxステートメントのonSuccessハンドラでフォームをプログラムで送信するだけではどうですか？

このような何か：

document.forms["account-form"].submit(); 

Answer 3

は、あなただけの非同期を追加し、syncronic AJAX呼び出しを行うことができます。成功メソッドの内部では、form.submit（）;をトリガーします。

Answer 4

私は質問を誤解：

Answer 5

問題はAJAX呼び出しが非同期であるため、successとerror関数は関数は（あなたがtrueにあらかじめ設定）registration_ok値を返した後まで呼び出されないということです。