Как было показано в двух предыдущих советах, для того чтобы 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 кнопки будет зависеть от функции, которая должна выполняться в результате нажатия кнопки.)