javascript - JS 插页式广告后提交返回表格

Question

我有一个表单，在 onSubmit 上，我弹出一个 div，上面有一个链接，实质上是“您确定要提交此数据吗？” (div 中还有其他内容，但这不相关 - 使用confirm() 不是一个选项)。

如果他们单击弹出 div 中的链接，我需要继续提交表单:

<a href="" id="submitOverride">Yes, submit this data</a>

我不知道如何在单击此链接时返回表单提交。

编辑:到目前为止，这是我的 js 和 html:

google.setOnLoadCallback(function()
{
    $('#submit').click(function(e) {
        acceptedProductCheck(e);
    });
});

function acceptedProductCheck(e)
{

    var needles = ['term1','term2','term3'];
    var haystack = $('#subject').val().toLowerCase() + ('#question').val().toLowerCase();
    haystack = haystack.split(' ');

    // check to see if #subject or #question contains 
    // a trigger term - if so, pop the div
    for (keyA in haystack) {
        for (keyB in needles) {
            if(haystack[keyA] == needles[keyB]) {
                showProductConfirmMessage(e);
            }
        }
    }

    return true;
}

function showProductConfirmMessage(e)
{
    e.preventDefault();

    $('#support').hide();
    $('#contactUs').slideUp('fast', function() {
        $('#productCheck').slideDown('fast');
    });

    $("#submitOverride").click(function(){
        $('form#contactUs').submit();
    });
}

HTML 非常简单。这基本上是我的表单，其中显示了隐藏的 div。

<form id="contactUs">
  ...
</form>

<div id="#productCheck">
   <a href="" id="submitOverride">Yes, submit this data</a>
</div>

给阅读本文的其他人提供一个简短的说明:

我只能通过删除提交按钮并将其替换为常规按钮来使其正常工作。我不确定为什么提交按钮很重要，但是当它存在时，.submit() 将不起作用。

Answer 1

首先在链接 href 属性中使用空哈希:

<a href="#" id="submitOverride">Yes, submit this data</a>

并在链接点击事件中返回 false:

$("#submitOverride").click(function(){
    $('form#contactUs').submit();
    return false;
});