Как исправить submit формы в internet explorer?

Question

[KOPC1886]

Всем привет!

Есть форма с двумя кнопками сабмит.

<form action="" id="testForm" method="post">
		<input type="submit" value="Send1">
		<input type="submit" id="twoSend" value="Send2">
	</form>

Обработчик второй кнопки -

$("#twoSend").on("click", function(e){
	if(confirm('Вы действительно хотите отправить форму?'))
	{
		$('#testForm').submit();
	}
});

В Google Chrome, Mozilla, Safari все работает хорошо.
confirm срабатывает, и при нажатии в confirm "отмена" форма не оправляется.

В Internet Explorer 9 и 10 сабмит формы все равно происходит, даже если в confirm нажимаешь на отмену.

Answer 1

[Денис Инешин]

Логично что 2 кнопки сабмит приводят вас к этой ситуации, так как по уму кнопка должна быть одна.
Чтобы исправить это, вы должны сделать иначе и перехватывать сабмит у самой формы, а не клик по кнопке. Примерно так: jsfiddle.net/IonDen/bxvwwp0r

$("#test").on("submit", function (e) {
    if(!confirm('Вы действительно хотите отправить форму?')) {
        e.preventDefault();
    }
});

Comments

[KOPC1886]

Денис Инешин в идеале да, но кнопки две все таки)

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

У кнопки можно задать formtarget, formaction, formmethod, formenctype, formnovalidate. Так что иногда может быть смысл в нескольких кнопках.
Но, конечно, не для этого случая:)

[Денис Инешин]

KOPC1886: непонятно зачем, в любом случае, в любой ситуации нужно отслеживать сабмит у формы, а не клик по кнопке. Так как форма может быть отправлена например еще нажатием Enter.

Answer 2

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

Вариант 1
Не нужно следить за кликом на кнопке. Отслеживайте отправку формы.
И уберите кнопку с #twoSend.

$(document).on('submit', '#testForm', function (e) {
	if (!confirm('Вы действительно хотите отправить форму?')) {
		e.preventDefault();
	}
});

Вариант 2
Оставляем кнопку, раз уж нужны другие действия, и меняем ей тип

HTML
<input type="button" id="twoSend" value="Send2">
JS

$(document).on('click', '#twoSend', function (e) {
	if (confirm('Вы действительно хотите отправить форму?')) {
		this.form.submit();
	}
});

Comments

[KOPC1886]

Евгений Петров у меня по нажатию на кнопку буду происходить еще другие действия, в зависимости от которых будет определяться, отправлять форму или нет.

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

KOPC1886: Это никак не влияет на смысл. Отслеживаем отправку. Совершаем действия. Если выясняется, что отправлять не нужно, отменяем действие по умолчанию.
Пока не завершится выполнение обработчика, форма отправляться не будет.

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

KOPC1886: Добавил для вашего случая ещё один вариант.