Код?... Это просто!
php js Jquery JsPhp blog
ТЕГИ:
js (87)
html (14)
form (3)

php (101)
js (87)
php date (19)
html (14)
online (14)
js slice (13)
encode (11)
js array (11)
php array (10)
js date (10)
engine (10)
hash (10)
dosite (9)
info (7)
php img (7)
jsphp (6)
Показать еще :

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

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

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

  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).

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

    Выбрать:



  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").

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

    Выбрать:



  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").

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

    Выбрать:



jsphp.ru есть здесь:
Полезные ссылки:
ruweb
Я писал немного о ruweb.net!
Помочь проекту JsPhp.ru

Что можно сделать!?

Поделиться ссылкой! C друзьями или врагами!


Помочь проекту JSPHP.RU: Помочь проекту JSPHP.RU прокомментировать :

Скоро...


Мои Проекты :

Скоро...



О хостинге :

Скоро...


© jsphp.ru 2023 - 2024 , Аминев Марат. Контакты
Страница загружена за : 0.005026 секунд.