用按鈕提交表單

Question

我知道這不是真的應該如何使用<button>元素，但有沒有辦法使用按鈕而不是<input type="submit">來提交表單？我需要有兩條線的按鈕，而你不能用<input>來完成，但你可以用<button> s。

一些jQuery方法或其他的東西可以正常工作，我只是討厭爲這些按鈕使用背景圖像。

Answer 1

你可以有一個button標籤提交表單，像這樣：

<button type="submit"> This will submit! </button> 

<button type="button"> This will NOT submit! </button> 

而且，我相信，所以我覺得一個button標籤應該始終有一個type屬性只是爲了安全起見每個瀏覽器的默認變化。

Answer 2

如果你想要去的按鈕/ jQuery的選項，這將做到這一點：

$('#buttonId').click(function() { 
    $('#theForm').submit(); 

}) 

Answer 3

嘗試：

<button type="submit">Submit</button> 

Answer 4

document.getElementById["YOUR_FORMS_ID"].submit() 

你只需要使用的DOM元素的.submit()方法javascript中的表格

所以...

<button onclick="document.getElementById["YOUR_FORMS_ID"].submit()">CLICK TO SUBMIT</button> 

Answer 5

如果你將一個函數綁定到它，你可以在技術上提交元素。

例如，你可以通過做使用：

<form id="someForm"> 
    <span id="someSubmitEle">Here goes text</span> 
</form> 
... 
$("#someSubmitEle").click(function(){$("#someForm").submit();}); 

Answer 6

jQuery的內置提交（）方法應該做的伎倆： http://api.jquery.com/submit/

HTML會是這樣的：

... 
<form name="myForm" id="myForm" action="someURL" method="POST"> 
    <input type="text" name="textField1" value="TextValue" /> 
</form> 

<button id="submitter" value="Two lines of text because it can I guess." /> 
... 

而jQuery看起來像這樣：

$('#submitter').click(function() { 
    $('#myForm').submit(); 
}); 

Answer 7

只需使用：

<button type="submit">Submit</button> 

或

<input type="submit" value="Submit">