1

我在一个页面中使用了两个recaptcha，该页面有两种形式供不同的用户使用。

我正在使用自定义主题使用 AJAX API 创建验证码：

function showRecaptcha(element) {
    Recaptcha.create(
        'publice_key',
        element, {
            theme: 'custom',
            callback: Recaptcha.focus_response_field
        });
}

我以两种模式使用它：

$("#to-teach").click(function() {
        $("#sign-up-welcome").hide();
        teachForm();
        showRecaptcha('teachcaptcha');
        return false;
    });

另一个为

$("#to-student").click(function() {
            $("#sign-up-welcome").hide();
            studentForm();
            showRecaptcha('studentcaptcha');
            return false;
        });

是teachForm()：

function teachForm() {
        Recaptcha.destroy('studentcaptcha');
        signup.show();
        signupTitle.text("Sign Up as a Teacher");
    }

和类似的销毁事件用作Recaptcha.destroy('teachcaptcha');

用于自定义验证码的html是：

<div id="teachcaptcha">
                <div id="recaptcha_image"></div>
                <div class="captcha-input-box">
                    <input type="text" id="recaptcha_response_field" name="recaptcha_response_field" class="input-recaptcha" />
                    <a class="fontawesome-refresh" href="javascript:Recaptcha.reload()"></a>
                    <a class="fontawesome-headphones recaptcha_only_if_image" href="javascript:Recaptcha.switch_type('audio')"></a>
                    <a class="fontawesome-picture recaptcha_only_if_audio" href="javascript:Recaptcha.switch_type('image')"></a>
                    <a class="fontawesome-question" href="javascript:Recaptcha.showhelp()"></a>
                </div>
            </div>

同样对于学生验证码

问题是如果我使用white主题而不是custom并且不将任何自定义html放在destroy()<div id="studentcaptcha" or "teachcaptcha">...</div>中效果最好，但是当我使用主题并将我自己的 html 放在两者上时它根本不起作用。customdiv

有什么建议么？

4

1 回答 1

0

我想通了为什么Recaptcha.destroy()不销毁旧的验证码......这是因为它destroy()是为非自定义验证码主题设计的。

在其定义中，它具有：

Recaptcha.widget&&("custom"!=Recaptcha.theme?Recaptcha.widget.innerHTML="":Recaptcha.widget.style.display="none",Recaptcha.widget=null)custom所以在使用主题时它不会完全删除验证码。

解决方案是编写自定义销毁方法，该方法使用jQuery（或JavaScript）手动删除验证码的 html 小部件。

于 2013-10-03T12:20:09.640 回答