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 к клику.

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

Answer 2

Это потому, что вы используете <input type='image' /> Если вы просто хотите нормальное изображение, используйте тег <img />

Answer 3

Вы не правы.Это должно в соответствии с w3c docs .

Чтобы предотвратить, что вы можете использовать метод warnDefault для события:

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