與HTML5按鈕元素

Question

確認對話框我有一個按鈕元素，像這樣：

<button name="command" type="submit" form="frmLandUnits" class="btn btn-danger" title="Delete" value="Delete:1:352404725228987" onclick="return confirm('Are you sure?');"> 
     <span class="glyphicon glyphicon-trash" aria-hidden="true"> 
    </span></button> 

它是在一個表中這是一個表單內的數據輸入電網的一部分。在每一行上都有其他按鈕，如Update，並且有一個帶有Insert按鈕的新行。問題是，當點擊確定表單沒有提交。在這個谷歌搜索沒有出現我能找到的東西。

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 
<form name="frmLandUnits" method="POST" action="https://httpbin.org/post"> 
 

 

 
<button name="command" type="submit" class="btn btn-danger" title="Delete" value="Delete:1:352404725228987" onclick="return confirm('Are you sure?');"> 
 
     <span class="glyphicon glyphicon-trash" aria-hidden="true"> 
 
    </span></button> 
 
    
 
</form>

的行爲是比onclick與input不同。這就是爲什麼我認爲這不是重複的。

Answer 1

只需從button中刪除form屬性即可。

<button name="command" type="submit" class="btn btn-danger" title="Delete" value="Delete:1:352404725228987" onclick="return confirm('Are you sure?');"> 
     <span class="glyphicon glyphicon-trash" aria-hidden="true"> 
    </span></button> 

結帳this demo

Answer 2

<form id="frmLandUnits" method="GET" action="www.microsoft.com" onsubmit="return confirm('Do you really want to submit the form?');" > 

<button name="command" type="submit" form="frmLandUnits" class="btn btn-danger" 
title="Delete" value="Delete:1:352404725228987" > 
    <span class="glyphicon glyphicon-trash" aria-hidden="true"> 
</span></button> 
</form> 

希望這會有所幫助。