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

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

Answer 2

你错了。它应该根据w3c文档。

为了防止这种情况，您可以使用prevent事件的默认方法：

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

Answer 3

这是因为您使用的是<input type='image' />如果您只想要一个正常的图像，请使用<img />标签