пятница, 8 февраля 2013 г.

обработка формы с checkbox

Еще одна разновидность кнопок это графические кнопки. Ее отличие состоит в том, что вместо кнопки с надписью пользователь увидит картинку, по которой можно кликнуть:

Графические кнопки

И в этом случае при нажатии на кнопку отправки данных, браузер просто перезагрузит текущую страницу.

TARGET значением по умолчанию _self;

METHOD значение по умолчанию GET;

ACTION адрес текущей страницы;

Вообще говоря, кнопка отправки (submit) позволяет отправить данные, введенные в форму, на сервер. При отсутствии у контейнера FORM атрибутов значениями по умолчанию являются:

Предотвращаем отправку формы

Предотвращаем отправку формы с помощью return false

Продемострируем вышесказанное на примере:

Для события onMouseOver с этой же целью нужно использовать оператор return true. Для таких событий как onMouseOut, onLoad, onUnload - отменить действие по умолчанию невозможно.

Аналогично, чтобы отменить действие по умолчанию для параметров событий onClick, onKeyDown, onKeyPress, onMouseDown, onMouseUp, onSubmit, onReset, нужно использовать return false.

При использовании в обработчиках событий оператор return позволяет отменить или не отменять действие по умолчанию, которое совершает браузер при возникновении данного события.

В этом случае после вызова программы JavaScript выполнение клика по ссылке прекратится, поэтому браузер не будет считать, что произошел переход на другую страницу.

Это происходит потому, что браузер считает клик по ссылке переходом на другую страницу и прекращает загружать текущую. Поэтому, если пользователь должен остаться на текущей странице, то добавьте return false при выходе из обработчика события onClick, например:

Форма работает, код выполняется и, на первый взгляд, все хорошо. Но на самом деле после клика на ссылку могут прекратить грузиться недогруженные элементы страницы, останавливаться анимированные GIF'ы и тому подобное.

И особенно хочу обратить ваше внимание на следующую строчку кода:

Доброго всем времени суток. Начинаю вторую, завершающую часть, из цикла обработка формы на JavaScript в которой я продолжу расмотрение кнопок button, флажков checkbox и радиокнопок. Но сначала хочу вернуться к последнему примеру из урока :

Обработка формы на JavaScript (часть2)

Обработка формы на JavaScript (часть2) - Хочу веб-сайт

Комментариев нет:

Отправить комментарий