使鏈接提交完全相同的默認按鈕行爲

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();" 你應該看看這個問題：Use a normal link to submit a form

Answer 2

你必須參考form元素，然後調用提交：

<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 3

這將做的工作：

<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。