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

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

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

Полезные ссылки
Случайные записи
  • 24.02.2011">Руководство по actionscript. часть 7, стр. 013
  • 03.06.2010">Самоучитель по креативному веб-дизайну. Книга 3, стр.96
  • 03.03.2011">Руководство по actionscript. часть 5, стр. 058
  • 04.03.2011">Руководство по actionscript. часть 5, стр. 033
  • 09.03.2011">Руководство по actionscript. часть 4, стр. 060
  • 28.02.2011">Руководство по actionscript. часть 6, стр. 011
  • 10.03.2011">Руководство по actionscript. часть 4, стр. 044
  • 02.03.2011">Руководство по actionscript. часть 5, стр. 096
  • 04.03.2011">Руководство по actionscript. часть 5, стр. 047
  • 13.06.2010">Самоучитель по креативному веб-дизайну. Книга 4, стр.93
  • 11.11.2012">Мини холодильная витрина и её виды
  • 11.11.2012">Фотокнига от Принт-а-Тет
  • 21.03.2011">Руководство по actionscript. часть 2, стр. 047
  • 28.02.2011">Руководство по actionscript. часть 6, стр. 001
  • 11.03.2012">Судья обязал Google и Motorola Mobility предоставить Apple данные об Android
Опрос

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

View Results

Loading ... Loading ...