Отмена обновления страницы после отправки формы в Mozilla Firefox

@astartes · Регистрация: 16.06.2015

Author24 — интернет-сервис помощи студентам

Пользователь на странице заполняет форму, после нажатия на кнопку формируются данные без участия сервера и пользователь должен остаться на этой же странице в текущем состоянии(форма остается заполненной).
Для этого при вызове функции я добавил:
event.preventDefault();
Это работает в Хроме, Опере и ИЕ, но не функционирует в Лисе(форма сбрасывается в начальное состояние)
Может кто подсказать в чем проблема?

@kalabuni · 13.03.2016, 05:12

а какая у вас кнопка?
дайте её HTML-код

@alexsamos33 · 13.03.2016, 09:51

astartes, Попробуйте

Javascript

1	return false;

в конце функции.

@astartes · 13.03.2016, 12:24 **[ТС]**

На самой кнопке ничего не висит, завязано на момент отправки формы, так:
<form id="main-form" onsubmit="return check_form()">
Если проверка полей не проходит, то возвращается false и ничего не происходит. Если все ок, то вызывается функция обработки полей формы.
return false; - вставлял уже во всех местах. Не помогает.

еще добавил так:
function stopDefAction(evt) {
evt.preventDefault();
}
document.getElementById("main-form").addEventListener('sumbit', stopDefAction, false);

Но тоже не алё(

Добавлено через 30 минут
В результате заработало с таким вариантом:
var element = document.querySelector("form");
element.addEventListener("submit", function(event) {
event.preventDefault();
});

@astartes 7 / 7 / 4 Регистрация: 16.06.2015 Сообщений: 63
		1
	Отмена обновления страницы после отправки формы в Mozilla Firefox 12.03.2016, 21:04. Показов 1415. Ответов 3 Метки нет (Все метки) Пользователь на странице заполняет форму, после нажатия на кнопку формируются данные без участия сервера и пользователь должен остаться на этой же странице в текущем состоянии(форма остается заполненной). Для этого при вызове функции я добавил: event.preventDefault(); Это работает в Хроме, Опере и ИЕ, но не функционирует в Лисе(форма сбрасывается в начальное состояние) Может кто подсказать в чем проблема? 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	13.03.2016, 05:12	2
	а какая у вас кнопка? дайте её HTML-код 0

@astartes 7 / 7 / 4 Регистрация: 16.06.2015 Сообщений: 63
	13.03.2016, 12:24 [ТС]	4
	На самой кнопке ничего не висит, завязано на момент отправки формы, так: <form id="main-form" onsubmit="return check_form()"> Если проверка полей не проходит, то возвращается false и ничего не происходит. Если все ок, то вызывается функция обработки полей формы. return false; - вставлял уже во всех местах. Не помогает. еще добавил так: function stopDefAction(evt) { evt.preventDefault(); } document.getElementById("main-form").addEventListener('sumbit', stopDefAction, false); Но тоже не алё( Добавлено через 30 минут В результате заработало с таким вариантом: var element = document.querySelector("form"); element.addEventListener("submit", function(event) { event.preventDefault(); }); 0