自定义 google 表单在提交时打开另一个选项卡

Question

我制作了一个自定义 google 表格并使用 google 电子表格作为我的数据库。但是在单击表单上的提交按钮时，同一页面将在新选项卡中打开并且上一页文本框有用户输入的数据。

自定义表单代码为：

<form action="" target="hidden_iframe" method="POST" id="mG61Hd" onsubmit="submitted=true;">     
<h5>Name</h5>
<input type="text" id ="_name" name="name">
<h5>emailaddress</h5>
<input type="text" id="_email" name="email">
<h5>message</h5>
<textarea name="entry.839337160" id ="_message"></textarea>
<button class="btn btn-lg btn-warning"       onclick="postContactToGoogle()">Send</button>
</form>

JavaScript代码是：

function postContactToGoogle() {

    var name = $('#_name').val();

    var email = $('#_email').val();
    var message = $('#_message').val();

    validate();


        if(validate=true)
    {
        $.ajax({
            url: "https://docs.google.com/forms/d/1sKGYnZfwEC_3sQvsjjx57swxLxdHMHPBC89s5C72x5s/formResponse",
            data: { "entry.2005620554": name,
            "entry.1045781291": email, "entry.839337160": message },
            type: "POST",
            dataType: "xml",
            statusCode: {
                0: function () {
                  swal("Heyy there","Thank You for your feedback!","success");
                  $('#_name').val('');

                    $('#_email').val('');
                    $('#_message').val('');
                     window.setTimeout(function(){location.reload()},4000)

                },
                200: function () {
                    swal("Heyy there","Thank You for your feedback!","success");
                  $('#_name').val('');

                    $('#_email').val('');
                    $('#_message').val('');
                     window.setTimeout(function(){location.reload()},4000)

                }
            }
        });

    }

}

function validateEmail(email) {
var re = /^(([^<>()[\]\.,;:\s@\"]+(\.[^<>()[\]\.,;:\s@\"]+)*)
(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA
Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
return re.test(email);
}
function validate() {
var email = $('#_email').val();
if (validateEmail(email)) {


} else {
swal('Oops!','The email '+email+' is not valid','error');



return false;
}

}

Answer 1

我自己通过将表单的目标保持为隐藏的 iframe 并在同一页面上创建隐藏的 iframe 解决了上述问题。

自定义 google 表单在提交时打开另一个选项卡

Custom made google form opens another tab on submit

javascript

forms

jquery

google-docs

google-docs-api