Как передать массив объектов в событие .submit?

Question

[# a r t u r #]

Здравствуйте!

Имеется небольшая функция:

$('body').on('submit', '.add', function(e) {
         ...
        e.preventDefault();
        return false;
    });

Нужно вместе обозначения класса .add указать массив таких классов (все они кнопки submit), т.е. что-то вроде:

array('.add_article', '.add_user', '.add_post');

Как?

Answer 1

[Александр Таратин]

Нужно вместе обозначения класса .add указать массив таких классов (все они кнопки submit).

событие submit нужно слушать у форм а не у кнопок.
Вам критично динамическое добавление слушателей?
Может лучше

$('.add-form-class, .another-add-form-class, .some-different-add-form-class').submit(function(e) {
        ...
        e.preventDefault();
        return false;
});

Comments

[# a r t u r #]

array('.add_article', '.add_user', '.add_post'); - это и есть массив классов форм

Воспользовался этим примером:

$(function(){
$('#form').submit(function(e) {
var $this = $(this);
var data = {};
$this.find('input').each(function(){
var $el = $(this);
var key = $el.attr('name');
if(key)
data[key] = $el.val();
});
$.post($this.attr('action'),data)
.done(function(r){
console.log('good call back');
})
.fail(function(r){
console.log('bad call back');
});
e.preventDefault();
return false;
});
});

Но у меня он не работал т.к. проект на HMVC, нужно было в конкретный файл с видом помещать этот код, что мне не понравилось и я решил заменить это

$('#form').submit(function(e) {

на это

$('body').on('submit', '.add', function(e) {

... НО форм много а функция как-бы универсальная, поэтому хочется сделать код компактным и передать сразу массив форм.

[Александр Таратин]

Так я немного с ума сошел, когда ответ писал, попробуйте так
$('body').on('submit', '.add_article, .add_user, .add_post', function(e) {

[Александр Таратин]

Ответ поправил.

[Александр Таратин]

Вообще лучше просто всем формам один общий класс приписать а еще лучше подписываться по data атрибутам а не по классам.

[# a r t u r #]

Александр Таратин: "а еще лучше подписываться по data атрибутам а не по классам." - как тогда обращаться?

[Александр Таратин]

Артур Селиванов например так jsfiddle.net/QW01_01/30kt01rv/1

[# a r t u r #]

Александр Таратин: спасибо большое. манипуляции в data делают минус кроссбраузерности?

[Александр Таратин]

Артур Селиванов: ie7+ и старая опера работают.

[# a r t u r #]

Александр Таратин: спасибо, отличное решение :)