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

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

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

Полезные ссылки
Случайные записи
  • 08.03.2011">Руководство по actionscript. часть 4, стр. 075
  • 02.06.2012">Google намерена зарегистрировать домены .google, .docs, .youtube и .lol
  • 26.02.2011">Руководство по actionscript. часть 6, стр. 072
  • 05.03.2011">Руководство по actionscript. часть 5, стр. 012
  • 01.03.2011">Руководство по actionscript. часть 5, стр. 111
  • 06.09.2011">Skype – революционное решение для общения в сети
  • 17.03.2011">Руководство по actionscript. часть 3, стр. 001
  • 23.01.2011">Руководство по actionscript. часть 1, стр. 076
  • 18.05.2010">Самоучитель по креативному веб-дизайну. Книга 2, стр.64
  • 22.03.2011">Руководство по actionscript. часть 2, стр. 023
  • 23.02.2011">Руководство по actionscript. часть 7, стр. 038
  • 24.02.2011">Руководство по actionscript. часть 7, стр. 006
  • 17.03.2011">Руководство по actionscript. часть 2, стр. 158
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.76
  • 12.03.2011">Руководство по actionscript. часть 3, стр. 117
Опрос

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

View Results

Loading ... Loading ...