Как сделать так чтобы форма не отправлялась по нажатию кнопки?

Question

[uaf0x]

Вопрос собственно уже изложен, скажу сразу что не работает:
Так

$(".classButtonName").click(function(event) {
			event.preventDefault();
			alert("Форма не отправилась");
		});

и так

$(".classButtonName").click(function(event) {
			$(this).preventDefault();
			alert("Форма не отправилась");
		});

Comments

[evnuh]

вы отменяете клик, а не сабмит формы.

[Nikolay Talanov]

Чуточку мимо темы, но если вы в форме используете элемент button, у которого не присвоен type="button" то клик по этой кнопке тоже будет сабмитить кнопку, даже если кнопка отвечает за что-то совершенно другое.

[Nikolay Talanov]

Nikolay Talanov: будет сабмитить форму*

[nurise]

HTML покажите. По-моему, каждый день появляется вопрос про отмену отправки формы.

[Кирилл Пензин]

И не один раз зачастую.

[uaf0x]

Вобщем проблема вроде нашлась, но как решить пока вопрос, форма заносится в div по клику.
как с этим жить ?)))
Как быть в такой ситуации если форма по сути динамическая ?

[Stalker_RED]

Без разницы динамическая ли. Перехватывайте onsubmit.

[Евгений Петров]

Щито?

Answer 1

[Олег Солдатов]

Укажите у кнопки тип button, поскольку по умолчанию кнопка в форме имеет тип submit, поэтому и отправляет. А если указать тип button, то отправка не произойдет.

<button type="button">Нажать, но не отправить</button>

Answer 2

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

Подписывайтесь на сабмит формы а не клик кнопки.
Форму можно и по enter отправить.

Comments

[Андрей Федоров]

Тут вопрос так задан, форма не должна отправляться по нажатию кнопки...
Хотя enter тоже кнопка. )))

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

Андрей Федоров: Слабо представляю себе ситуацию, когда сабмит по кнопке нужно блокировать, но не нужно блокировать enter. Для таких случаев вообще форму не используют. То, что человек просто не учитывает такую возможность более вероятно.

Это как заказчики, для которых ты идиот, потому что не видят в коде onclick="yandexCounter...". А "про" работавший до/параллельно тебя сказал что нужно именно так.

[uaf0x]

Андрей Федоров: в форме 2 кнопки, 1 делает расчёт, вторая отправляет. Вот та которая расчитывает не должна отправлять форму

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

uaf0x: А зачем тогда делать её submit типа?

[Евгений Петров]

uaf0x: У вас логика вообще нарушена. Отправка может быть без расчёта? Ну и основной вопрос уже задал Александр Таратин — нафига козе сабмит?

Answer 3

[Нурлан]

$("selector_dlya_formy").submit(function(){return false;})

Answer 4

[Максим]

return false; добавьте

Comments

[uaf0x]

чтот не помогло (

[Евгений Петров]

Уже eсть preventDefault, а stopPropagation на отправку не влияет.

Answer 5

[Андрей Федоров]

Сделайте кнопку производящую расчет обычным button. В событие oncliсk повесте вызов js, который снимает значения полей формы и считает то что нужно посчитать. Если результат расчета валидный делайте кнопке submit .disabled = false;