javascript - Img 充当 HTML 表单中不应该提交的按钮

Question

我在 HTML 表单中有一个简单的图像，充当按钮。当单击普通按钮时，我会使用 onClick 属性对其进行操作，但是对于我的图像，当您单击它们时，onClick 会起作用，但图像也会提交表单，而实际上不应该。

我的代码:

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

任何有关此问题的帮助将不胜感激!

Answer 1

将输入的 type 属性指定为 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" />