Как прослушать события нажатия на кнопках с типом отправки с помощью jQuery?

Question

Как прослушать события нажатия на кнопках с типом отправки с помощью jQuery?

0

У меня есть несколько кнопок с кнопкой типа:

<button type="button" class="btn btn-default">Plain old button.</button>

и некоторые важные кнопки с типом submit:

<button type="submit" class="btn btn-default">Submit button!</button>

Я хочу прослушивать события click на кнопках с типом submit, но не с другими.

Matt Roberts 20 март 2014, в 14:44

Источник

1

Кнопка «Отправить» отправляет форму, которая перезагружает страницу, при этом прослушивание щелчков на кнопках отправки не имеет смысла, если только вы не запрещаете отправку формы. Это то, что вы хотите, чтобы предотвратить отправку формы?
adeneo 20 март 2014, в 12:53
0

я думаю, что это <button type="submit" должно быть <input type="submit" or <input type="button"
Jai 20 март 2014, в 12:53
1

@Jai О, правда?
canon 20 март 2014, в 12:54
0

@ canon хм .... интересно, я никогда не знал об этом.
Jai 20 март 2014, в 12:57

Показать ещё 2 комментария

Теги:

javascript

jquery

html

2 ответа

0

Попробуй это,

$(function() { 
    $('button').click(function (e) { 
        if($(this).attr('type') =='submit') {
            alert($(this).attr('type'));
        }
    });
});

демонстрация

Rohan Kumar 20 март 2014, в 10:46

Ещё вопросы

Кнопка «Отправить» отправляет форму, которая перезагружает страницу, при этом прослушивание щелчков на кнопках отправки не имеет смысла, если только вы не запрещаете отправку формы. Это то, что вы хотите, чтобы предотвратить отправку формы?
я думаю, что это <button type="submit" должно быть <input type="submit" or <input type="button"
@ canon хм .... интересно, я никогда не знал об этом.

Matt Roberts · Accepted Answer · 2014-03-20T11-12-00.000Z

Это можно сделать с помощью селекторов CSS:

$(function() {
    $('button[type=submit]').click(function () {
        alert('Submit button clicked.');
    });
});

W3C предоставляет ссылку на селектор CSS. Все они поддерживаются jQuery. Полные селектора jQuery можно найти в jQuery API. Вот полный пример в jsfiddle.