表单未提交并使用Jquery Ajax验证的Recaptcha提交

Question

I want to submit my form when recaptcha is validated and not submit the form when it is not validated. My form is not submitting when ajax return a string "true". How do i do this?

  $("#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

I have resolved it. The solution is that i need to set async to 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");
        }
    }
});