Самоучитель по креативному веб-дизайну. Книга 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

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

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

Полезные ссылки
Случайные записи
  • 28.02.2011">Руководство по actionscript. часть 6, стр. 021
  • 28.02.2011">Руководство по actionscript. часть 6, стр. 009
  • 15.11.2011">Обзор ноутбука Lenovo
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.68
  • 01.04.2012">ЕС создаст центр по борьбе с киберпреступностью
  • 05.03.2011">Руководство по actionscript. часть 5, стр. 001
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 131
  • 20.03.2011">Руководство по actionscript. часть 2, стр. 081
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 035
  • 07.03.2011">Руководство по actionscript. часть 4, стр. 113
  • 11.07.2010">Работаем над идеей
  • 15.03.2011">Руководство по actionscript. часть 3, стр. 061
  • 27.02.2011">Руководство по actionscript. часть 6, стр. 039
  • 05.04.2010">Дизайн для вдохновения
  • 15.03.2011">Руководство по actionscript. часть 3, стр. 059
Опрос

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

View Results

Loading ... Loading ...