链接提交表单绕过onsubmit返回确认消息

Question

我有一个测试HTML表单：

    <form action="?test" method="post" name="test_form" 
        onsubmit="return confirm('Submit form, are you sure?')">
    </form>

我想通过链接提交：

<a href='#' onclick='document.test_form.submit(); return false;'>Submit form</a>;

链接提交表单，但绕过onsubmit return confirm消息，但如果我使用提交按钮，则会显示该消息。如何在使用链接提交表单时显示消息？

Answer 1

您可以在链接的onclick处理程序中进行确认（当然，实际上有一个事件处理函数并使用addEventListener()）会更好。

<a href='#' onclick='confirm("Submit form, are you sure?") && document.test_form.submit(); return false'>Submit form</a>