Отключить отправку формы

"Отключить отправку формы", как можно отключать отправку формы - все способы, которые я знаю по отключению отправки формы с примерами и кодом!

Все способы отключения отправки формы.

1. Отключение отправки формы : "return false"
2. Отключение отправки формы : "type=button"
3. Отключение отправки формы : "preventDefault"

1. Отключение отправки формы : "return false"

Для того, чтобы отключить отправку формы вам потребуется:

Обычная, стандартная форма html для отправки данных на сервер, которая будет срабатывать при перезагрузке страницы.

И чтобы форма перестала отправлять данные, т.е. перезагружается внутрь тега form помещаем onsubmit с return и значением false.

Соберем всю форму в одном месте:

Код формы с отключенной отправкой данных(return false).

<form onsubmit="return false;" method="post">

<p>Выбрать:</p>

<label><input type="radio" name="contact" value="email"> Email</label> <br>

<label><input type="radio" name="contact" value="phone"> Телефон</label> <br>

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

</form>

Пример формы с отключенной отправкой данных(return false).

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

Выбрать:

Email
Телефон


2. Отключение отправки формы : "type=button"

Для того, чтобы "отключить отправку формы" вам потребуется:

Обычная, стандартная форма html для отправки данных на сервер, которая будет срабатывать при перезагрузке страницы.

И чтобы форма перестала отправлять данные, т.е. перезагружается внутри тега input замените type="submit" на тип "button".

Соберем всю форму в одном месте:

Код формы с отключенной отправкой данных("type=button").

<form method="post">

<p>Выбрать:</p>

<label><input type="radio" name="contact" value="email"> Email</label> <br>

<label><input type="radio" name="contact" value="phone"> Телефон</label> <br>

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

</form>

Пример формы с отключенной отправкой данных(type="button").

Чтобы вы могли протестировать "отключение отправки формы" снова нажмите кнопку "Отправить":

Выбрать:

Email
Телефон


3. Отключение отправки формы : "preventDefault"

Для того, чтобы "отключить отправку формы" вам потребуется:

Обычная, стандартная форма html для отправки данных на сервер, которая будет срабатывать при перезагрузке страницы.

И чтобы форма перестала отправлять данные, т.е. перезагружается внутри тега form помещаем onsubmit с event и preventDefault().

Соберем всю форму в одном месте:

Код формы с отключенной отправкой данных("preventDefault").

<form onsubmit="event.preventDefault();" method="post">

<p>Выбрать:</p>

<label><input type="radio" name="contact" value="email"> Email</label> <br>

<label><input type="radio" name="contact" value="phone"> Телефон</label> <br>

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

</form>

Пример формы с отключенной отправкой данных(preventDefault").

Со следующим примером кода "отключения отправки формы" поступаем аналогично! Помещаем его прямо здесь и чтобы его протестировать нажмите кнопку "Отправить":

Выбрать:

Email
Телефон

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

+ =