Question

实际上，我有一个项目需要一个boostrap模态的表单。这个模态有一个名字，电子邮件，消息输入和谷歌recaptcha。

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

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

您的回归是在显示模态之前。模态调用永远不会运行。试试这个：

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不同，则显示正确的弹出窗口并发送电子邮件。当失败显示错误模式并取消电子邮件发送时“返回false”。

无论如何，谢谢你的帮助^^

无法在模态中验证reCaptcha v2

2 个答案: