Самоучитель по креативному веб-дизайну. Книга 1, стр.125

Как было показано в двух предыдущих советах, для того чтобы Web-браузер запускал функцию проверки результатов формы при нажатии кнопки Submit, в дескриптор

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

onSubmit.’

15 0 Глава 3. HTML-формы




onSubmit=» return ValidateForm(ExampleForm) »

action=»http://NVBizNet2. com/_scripts/__pl/FrmScrpt. CGI»

method=»POST» ‘ .

enctype=»application/x-www-form-urlencoded»>



He пропустите ключевое слово «return» , которое находится перед вызовом

функции vaiidateForm(). В противном случае Web-браузер передаст результаты

формы Web-серверу, даже если функция vaiidateForm() вернет значение False, указывающее на наличие ошибок в результатах формы. Если все атрибуты деск —

риптора введены без ошибок (как в приведенном примере), атрибут onSubmit за — ставит Web-браузер после нажатия посетителем кнопки Submit выполнить

JavaScript-сценарий с целью проверки результатов заполнения формы. Если фун —

кция vaiidateForm() возвращает значение’True, Web-браузер передаст результа — ты формы по URL-адресу, указанному в атрибуте method дескриптора
. В противном случае Web-браузер вернется к форме ввода данных и поместит кур —

сор на элемент формы, указанный в методе focus () в коде JavaScript-сценария.



Изменение элементов списка выбора на основании

введенных посетителем данных

Ранее в этой главе мы говорили о том, что список выбора представляет собой меню, из которого посетитель может выбрать один или несколько элементов в

зависимости от того, присутствует ли атрибут multipl e в дескрипторе списка выбора. (Если атрибут multipl e указан, Web-браузер даст посетителю возможность выбирать из меню несколько элементов.) Несмотря на то что вы должны указать возможность или невозможность выбора в списке нескольких элементов в описании списка выбора, содержащиеся в списке элементы можно менять в любое время, даже после того как браузер визуализировал этот список.

Предположим, например, что имеется форма, показанная на рис. 3.11, кото- рая предлагает посетителю ввести имена членов его семьи, а затем выбрать имя наиболее пожилого из них.



ПРАКТИКУМ

В этом примере меню выбора (показанное на рис. 3.11 над кнопками Submit и

Reset ) СОДерЖИТ ТОЛЬКО ОДИН Элемен т — «— Имена члено в семь и —» («- —

Famil y Member Names — » ) . Чтоб ы ДОбаВИТЬ В СПИСОК Выбора НОВЫе Элемент ы (т. е. имена членов семьи), запрограммируем кнопку для вызова JavaScript-функ — ции, которая будет вставлять в список новый элемент:

onClick=»addToList (ExampleForm) «X/p>



Далее определим функцию addToListo, которую Web-браузер будет вызывать

при нажатии посетителем кнопки «Добавить имя в список». Для этого вставим следующий JavaScript-код после дескриптора в рамках HTML-кода Web- страницы. (Имя функции и значение атрибута value кнопки будет зависеть от функции, которая должна выполняться в результате нажатия кнопки.)

google.com bobrdobr.ru del.icio.us technorati.com linkstore.ru news2.ru rumarkz.ru memori.ru moemesto.ru

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

Вы должны авторизоваться для отправки комментария.

Полезные ссылки
Случайные записи
  • 13.11.2011">Делаем iPad в Фотошопе
  • 09.03.2011">Руководство по actionscript. часть 4, стр. 065
  • 19.11.2011">Обзор HTC Radar
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.84
  • 22.07.2010">Веб-дизайн – продуманное начало
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.43
  • 04.12.2012">Седьмой элемент
  • 17.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.11
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 030
  • 24.02.2011">Руководство по actionscript. часть 7, стр. 008
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 042
  • 19.03.2011">Руководство по actionscript. часть 2, стр. 107
  • 04.03.2011">Руководство по actionscript. часть 5, стр. 050
  • 05.03.2011">Руководство по actionscript. часть 5, стр. 017
  • 10.05.2010">Самоучитель по креативному веб-дизайну. Книга 1, стр.69
Опрос

Какие цвета вы предпочитаете?

View Results

Loading ... Loading ...