Как обратиться именно к определенной кнопке при событие on()?

Question

[Михаил Р.]

Всем привет!
$('#form-user-add').on('submit', function (e) {
До этого в форме была лишь 1 кнопка и все работало, сейчас потребовалось сделать 2 (отмена и применить), вот как через такое действие обратиться именно к кнопке применить?

Я пробовал повесить на нее отдельный id и так обратиться (но пока без результата):

$('#form-user-add').on('submit#send' function (e) {
$('#form-user-add').on('submit', '#send' function (e) {

Заранее спасибо!

Answer 1

[Aves]

Лучше всего указать нужный type кнопкам, вместо типа по умолчанию submit - htmlbook.ru/html/button/type
пример

Comments

[Михаил Р.]

Вариант! Работает, спасибо!

[Михаил Р.]

Хотя нет, в моем варианте не получается реализовать...

[Aves]

Mike Ro: а что не получается? Если указать кнопке отмены тип button то событие submit она вызывать не будет, или надо что-то другое?

[Михаил Р.]

Aves:
button type="button">Отмена
button type="submit">Применить
Так да, действительно работает. Но как тогда потом обращаться к кнопке 'Отмена'? Там ведь уже нет submit по которому срабатывает on() событие...

[Aves]

Mike Ro: нужно отдельно обработчик click на неё вешать,

$('#form-user-add button[type="button"]').on('click', function() {})

, или класс ей задать и его в качестве селектора. Если указать тип reset, можно попробовать событие reset на форме ловить.

[Михаил Р.]

Aves: Все, теперь понял логику работы, спасибо! )

Answer 2

[Алекс Глебов]

$('#form-user-add').on('submit', function (e) {

submit - событие отправки формы
form-user-add - id формы, а не кнопки

если задать кнопке свой id, то
$('#id-btn').on('click', function (e) {

подробнее
jquery.page2page.ru/index.php5/%D0%A1%D0%BE%D0%B1%...