无法在模态中验证 reCaptcha v2

Question

实际上，我有一个项目需要 boostrap 模态中的表单。此模态有名称、电子邮件、消息输入和 google 验证码。

我希望在填写了所需的输入但未检查验证码时显示错误模式，并在填写了所需的输入和重新验证码后显示正确的消息模式。

$("#enviar").click(function() {
            if ($("#nombre").val() && $("#mail").val() && $("#mensaje").val() && (grecaptcha.getResponse() != '') {
                window.setTimeout(function(){
                    return true;
                    $('#modal2').modal('show');
                }, 1500);
            } else {

                window.setTimeout(function(){
                    return false;
                    $('#modal1').modal('show');
                }, 1500); 

            }
        });

有什么想法吗？

Answer 1

你的 return 在显示模式之前。模态调用永远不会 运行。 试试这个：

function(){

    $('#modal2').modal('show');
    return true;
}

Answer 2

我找到了解决方案

       $("#enviar").click(function () {
        var response = grecaptcha.getResponse();
        if ($("#nombre").val() && $("#mail").val() && $("#mensaje").val() && $("#condiciones:checked").val() && (response.length!=0)) {
            window.setTimeout(function () {
                $('#modal2').modal('show');
            }, 1500);
        } else {
            window.setTimeout(function () {
                $('#modal1').modal('show');
            }, 1500);
            return false;
        }
    });

当 ID 选择器有值或不同于 0 时，显示正确的弹出窗口并发送电子邮件。失败时显示错误模式并取消电子邮件发送 "return false."

总之谢谢你的帮助^^