使链接提交与默认按钮行为完全相同

Question

很抱歉，如果这看起来多余。我已阅读了不少帖子，似乎无法弄清楚如何实现这一目标。我需要一个行为类似按钮的元素，但我想使用css类对象。我发现了许多引用，通过制作href="#"并添加javascript命令来说明如何执行此操作。

<p><input name="Test" type="Button" value="Click" /></p>

但是，由于我使用的服务器端软件，我需要完全复制按钮的行为，以便提交我的表单。

我猜这是明显的：

<p><a class="button" href="#" onclick="submit()">Click</a></p>

感谢您提供的任何帮助！

Answer 1

您必须引用form元素，然后调用submit：

<p><a class="button" href="#" onclick="document.getElementById('myFormId').submit()">Click</a></p>

虽然您不应该使用内联事件委派：

HTML：

<p><a class="button" href="#" id="submit-anchor">Click</a></p>

JS：

document.getElementById("submit-anchor").addEventListener("click", function() {
    document.getElementById('myFormId').submit();
});

Answer 2

这将完成这项工作：

<a class="button" href="#" onclick="document.forms[0].submit();">Click</a>

如果文档中有一个form，则相应地更改0。

OR

<a class="button" href="#" onclick="document.forms['formName'].submit();">Click</a>

使用form名称。

OR

<a class="button" href="#" onclick="document.getElementById('formID').submit();">Click</a>

使用form ID。

Answer 3

你必须使用"form.submit();" 你应该看看这个问题：Use a normal link to submit a form