Как перехватить submit всех форм на странице, включая динамические?

Question

[Кирилл Петров]

Приветствую. Есть код:

$('form').submit(function(){
	var form_data = $(this).serializeArray();
	
	form_data.push({name:'cbk_sites_conf_id', value:cbk_sites_conf_id});
	form_data.push({name:'site', value:cbk_site});
	form_data.push({name:'pre_referrer', value:localStorage.first_refferer});

	$.post('//example.com/widget/cbk_vizov', form_data);

    //console.log(form_data);
    //return false;
});

Который перехватывает все формы. Но если форма была создана динамически на странице, на неё не вешается событие.
Пробовал изменить код так:

setTimeout(function(){
	console.log('inited');

	$('html').on( 'submit', 'form', function () {
		console.log(this);

		var form_data = $(this).serializeArray();
		
		form_data.push({name:'cbk_sites_conf_id', value:cbk_sites_conf_id});
		form_data.push({name:'site', value:cbk_site});
		form_data.push({name:'pre_referrer', value:localStorage.first_refferer});

		$.post('//example.com/widget/cbk_vizov', form_data);
	});
},3000);

И вообще не работает XD Как правильно перехватывать все формы на странице, даже есди они были созданы динамически (рисуются в модальных окнах)?

Comments

[Никита Ермиличев]

$(document).on('submit', 'form', function(){
    //обработчик
    //this - объект обрабатываемой формы
});

Answer 1

[Денис Дерепко]

$(document).on('submit', 'form', function () {
});

Comments

[Кирилл Петров]

Не, не пашет... По селектору id шнику получаю событие, через такую конструкцию нет

[Никита Ермиличев]

return false; в конце функции добавьте

[Кирилл Петров]

Masas: На этой странице попробовал ввести в консоль:

$('.form1').submit(function(){
    console.log('ok2');
});

$(document).on('submit', 'form', function () {
    console.log('ok3');
    return false;
});

Ввести в поле телефона любые цифры и нажать отправить, консоли будет только ok2, писать return false не вариант, скрипт должен быть универсальным, на других страницах обработка формы идёт нативно браузером и переход на страницу. Но с return false тоже не работет...

[Кирилл Петров]

Masas: В качестве временного решения сделал так:

$(document).on('click', '[type=submit]', function(){
	var form_data = $(this).closest('form').serializeArray();
        //...
});

Но эт не универсально...

[Никита Ермиличев]

Кирилл Петров: не понятно почему тот вариант не работает, ощущение, что что-то его прерывает