Не отправлять данные из формы при нажатии.

"Не отправлять данные из формы при нажатии.".

Разбираем способы предотвратить отправку данных из формы при нажатии — с примерами кода и пояснениями.

Запрет отправки данных из формы при нажатии.

1. Не отправлять данные из формы при нажатии №1.
2. Не отправлять данные из формы при нажатии №2.
3. Не отправлять данные из формы при нажатии №3.
4. Не отправлять данные из формы при нажатии №4.

1. Не отправлять данные из формы при нажатии №1

Для того, чтобы "не отправлять данные из формы при нажатии" вам понадобится:

Установить type="button" для кнопки вместо submit.

Код примера "не отправлять данные из формы при нажатии №1".

<form>

<input type="text" name="username" >

<button type="button">Отправить</button>

</form>

Пример "не отправлять данные из формы при нажатии №1".

Для того, чтобы проверить "не отправлять данные из формы при нажатии №1" нажмите кнопку

Отправить

Вывод : "не отправлять данные из формы при нажатии №1".

Если вы нажали кнопку "Отправить", то увидели, что данные не были отправлены!

2. Не отправлять данные из формы при нажатии №2

Для того, чтобы "не отправлять данные из формы при нажатии" вам понадобится:

Установить type="button" для кнопки вместо submit в тег input.

Все остальное повторяем из выше приведенного пункта:

Код примера "не отправлять данные из формы при нажатии №2".

<form>

<input type="text" name="username" >

<input type="button" value="Отправить">

</form>

Пример "не отправлять данные из формы при нажатии №2".

Опять же код берем из выше идущего пункта и заменяем в коде на "input".

Вывод : "не отправлять данные из формы при нажатии №2".

Если вы нажали кнопку "Отправить", то снова увидели, что данные не были отправлены!

3. Не отправлять данные из формы при нажатии №3

Для того, чтобы "не отправлять данные из формы при нажатии" вам понадобится:

Код формы из предыдущего пункта и воссоздаем нормальную форму для отправки post.

В input type="submit" помещаем метод preventDefault()

Метод preventDefault() останавливает стандартное действие браузера (в данном случае — отправку формы).

Соберем код "не отправлять данные из формы при нажатии №3".

<form>

<input type="text" name="username">

<input type="submit" value="Отправить" onclick="event.preventDefault();">

</form

Пример "не отправлять данные из формы при нажатии №3".

Размещаем выше приведенный код "не отправлять данные из формы при нажатии №3" прямо здесь :

Напоминаю, что на моём сайте только живые примеры :

Нажмите кнопку отправить:

4. Не отправлять данные из формы при нажатии №4

Это уже вариант №4 "Не отправлять данные из формы при нажатии"... для этого вам понадобится :

Теория и практика из предыдущего пункта.

Заменяем "event.preventDefault();" на "return false;";

Соберем код "не отправлять данные из формы при нажатии №4".

<form>

<input type="text" name="username">

<input type="submit" value="Отправить" onclick="return false;">

</form

Пример "не отправлять данные из формы при нажатии №4".

Всего комментариев : Comments+ 2.0

+ =