表單未提交並使用Jquery Ajax驗證的Recaptcha提交

Question

我想在Recaptcha驗證時提交表單，而在未驗證時不提交表單。 當ajax返回字符串“ true”時，我的表單未提交。 我該怎么做呢？

  $("#submitbtn").click(function(e){
    challengeField = $("input#recaptcha_challenge_field").val();
    responseField = $("input#recaptcha_response_field").val();
    $.ajax({
        type: "POST",
        url: "/ballot/validatecaptcha",
        data: "recaptcha_challenge_field=" + challengeField + "&recaptcha_response_field=" + responseField,
        success: function(data){
            if(data == "true"){
                $("#form2").submit();

            }else{
                $("#recaptcha_error").text("Error");
            }
        }
    });
    return false;
});

Answer 1

我已經解決了。 解決方案是我需要將async設置為false。

$.ajax({
    type: "POST",
    url: "/ballot/validatecaptcha",
    async: false,
    data: "recaptcha_challenge_field=" + challengeField + "&recaptcha_response_field=" + responseField,
    success: function(data){
        if(data == "true"){
            $("#form2").submit();

        }else{
            $("#recaptcha_error").text("Error");
        }
    }
});