Img充當HTML表單中的按鈕，當它不應該提交時

我在HTML表單中有一個簡單的圖像，它充當按鈕。當點擊一個普通的按鈕時，我使用onClick屬性來處理這個按鈕，但是當我點擊它們時，onClick會起作用，但圖像也會提交表單，但實際上應該不會。Img充當HTML表單中的按鈕，當它不應該提交時

我的代碼：

<input type="image" id="button" value="Assign" src="/Images/rightarrow.png" alt="Assign Selected Rule" class="imgAssignUnassign" onclick="manageHandlers('Assign')" />

任何幫助，將不勝感激！

來源

2012-01-24 Tiwaz89

指定輸入的類型屬性爲image使其成爲提交按鈕。添加return false到onclick。

<input type="image" id="button" value="Assign" src="/Images/rightarrow.png" alt="Assign Selected Rule" class="imgAssignUnassign" onclick="manageHandlers('Assign');return false" />

來源

2012-01-24 08:28:52 mowwwalker

你錯了。它應該按照w3c docs。

爲了防止這種情況，你可以在活動的用戶的preventDefault方法：

$('#button').click(function(e){ 
    //do something 
    e.preventDefault(); 
});

來源

2012-01-24 08:31:44 bjornd

比較遺憾的是，你可能誤解了我。這是根據語言規範「應該」，我只是不希望它。正在尋找像Walkermeo一樣的解決方案。謝謝你的努力 – Tiwaz89

這是因爲你使用<input type='image' /> 如果你只是想要一個正常的圖像使用<img />標籤

來源

2012-01-24 09:08:54

Img充當HTML表單中的按鈕，當它不應該提交時

回答

相關問題