如何将 reCAPTCHA 添加到表单答案

【问题标题】：How to Add reCAPTCHA to Forms如何将 reCAPTCHA 添加到表单
【发布时间】：2014-05-25 00:23:28
【问题描述】：

我正在尝试将 reCaptcha 添加到我的表单中，但它并没有比验证更进一步。请帮忙！

我已经添加了密钥并添加了 /php/recaptachalib.php 的路径

但由于某种原因它不起作用，当我输入验证码或错误输入验证码时，当我点击提交时，什么也没有发生。

重新验证码

    <form id="another_form" name="another_form" method="post">
        <input type="submit" value="Submit Another Form" />
    </form>

    <div id="recaptchaModal" title="reCAPTCHA" style="display:none;">
        <p>Please fill out this reCAPTCHA to submit this form.</p>
        <div id="recaptcha_block"></div>
    </div>

    <script>
        $('form').on('submit', function(e){
            e.preventDefault();
            var formID = e.currentTarget.id;

            $("#recaptchaModal").dialog({
                modal: true,
                resizable: false,
                width: 400,
                open: function(e, ui){
                    Recaptcha.create("your_recaptcha_public_key",
                        "recaptcha_block",
                        {
                            theme: "red",
                            callback: Recaptcha.focus_resonse_field
                        }
                    );
                },
                close: function(e, ui){
                    Recaptcha.destroy();
                },
                buttons: {
                    "Validate reCAPTCHA": function(){
                        $.ajax({
                            url: "/url/to/verify/recaptcha",
                            type: 'post',
                            data: {
                                challenge: Recaptcha.get_challenge(),
                                response: Recaptcha.get_response(),
                                additional_data: here
                            },
                            success: function(data){
                                if(data != "success"){
                                    alert("The reCAPTCHA wasn't entered correctly. Please try again.");
                                    Recaptcha.reload();
                                }
                                else{
                                    //-- submit your form with AJAX + MVC-style
                                    $.ajax({
                                        url: "/your/submission/url/"+formID,
                                        type: "post",
                                        data: $('#'+formID).serialize(),                                
                                        success: function(data){
                                            //-- forward user to your thank you page
                                            window.location.href = '/url/to/your/thank/you/page/'+formID;
                                        }
                                    });
                                }
                            }
                        });
                    },
                    Cancel: function(){
                        $(this).dialog("close");
                    }
                }
            });
        });
    </script>
</body>

【问题讨论】：

您遇到了什么具体问题？即错误？验证码未显示？
Captcha 正在显示，但是当我点击提交时，没有任何反应

标签： javascript jquery ajax recaptcha

【解决方案1】：

Captcha 是一种脚本，可防止机器人向表单发送垃圾邮件，即它验证代理是真实的人类。其次，它通过识别图像中的对象作为谷歌机器学习的训练
步骤 1) 转到https://www.google.com/recaptcha/admin#list。

第 2 步）选择您要添加的验证码类型。

步骤 3) 选择域以供其使用。例如，indiaedge.in

步骤 4) 点击注册。

第 5 步）现在您将看到您的站点密钥和密钥。

第 6 步）将脚本标签粘贴到页面的头部。
How to add Captcha in Login Form

【讨论】：