Получение информации об установленных флажках

У элементов типа type=”checkbox” можно проверить, являются ли они отмеченными ("прочесть" информацию) или программно назначить их отмеченными ("записать" информацию).

Статус флажка, определенного в форме с именем form элементом с именем chkBox определяется значением свойства checked этого элемента:

form.chkBox.checked

Свойство принимает логическое значение: true — флажок отмечен, false — флажок сброшен.

Если для нескольких флажков использовано одинаковое имя, то браузером из флажков образуется массив. Тогда для доступа к конкретному флажку необходимо указывать его индекс:

form.chkBox[i].checked

Длина массива флажков определяется свойством form.chkBox.length.

Получение информации из многострочного текстового окна

Текст, содержащийся в многострочном текстовом окне (<textarea>) доступен через свойство value этого элемента формы. Если в объекте-форме с именем test многострочное текстовое окно получило имя msg, то информация из этого поля извлекается с помощью конструкции:

test.msg.value

Передача фокуса первому элементу заполняемой формы

Страницы с формами создаются для того, чтобы пользователи заполняли эти формы. Если в html-документе определить форму без каких либо дополнительных действий, то, чтобы начать вводить информацию, пользователю придется сначала щелкнуть на одном из элементов формы, чтобы сделать его активным, и только потом вводить информацию.

Чтобы создать пользователю больше удобств, передачу фокуса первому элементу формы можно предусмотреть программно.

Для передачи фокуса элементу формы можно использовать два способа.

а) Вставить в конец документа скрипт, в котором содержится команда передачи фокуса.

б) В теге body определить обработчик события onLoad, действием которого (или одним из действий) будет передача фокуса нужному элементу формы.

Формат команды передачи фокуса элементу формы не зависит от выбора этих способов. Если, например, в объекте-форме form имеется элемент, с именем textField, то передача фокуса элементу выполняется очень просто

form.textField.focus();

ЗАДАНИЕ 2.

1. Создать форму в которой имеются:

а) обязательное поле для ввода имени (не менее четырех символов),

б) обязательное поле для ввода пароля,

в) обязательное поле для ввода копии пароля,

г) обязательное поле электронного адреса пользователя,

д) флажок, предлагающий запомнить пароль для использования в следующих сеансах.

Форма имеет также кнопки "Очистить" (типа reset) и "Отправить" (типа submit, атрибут action в форме не задается).

После загрузки страницы фокус ввода должен быть передан полю "Выберите имя".

2. При нажатии кнопки "Отправить" производится проверка правильности заполнения формы (функция checkForm), которая состоит в следующем:

а) проверяется число символов, введенных в качестве имени;

б) если пароль не пуст, проверяется совпадение с ним введенной копии;

в) проверяется, содержатся ли в введенном электронном адресе символы @ и точка.

3. При выявлении ошибки выводятся соответственно следующие сообщения:

"Неправильно введено имя пользователя",

"Необходимо ввести пароль" (если поле пароля пусто),

"Ошибка при вводе пароля" (если копии не совпадают),

"Неправильный формат электронного адреса".

4. При обнаружении первой ошибки и вывода сообщения о ней (alert), сразу же производится выход из проверяющей функции с возвращаемым значением false.

Если проверка заканчивается успешно, то функция выводит с помощью alert сообщение о статусе флажка "Запомнить пароль" и возвращает true.

Примечание.

Так как в HTML некоторые символы, такие как >, <, и некоторые другие, используются как служебные, то для того, чтобы поместить их в текст используются специальные обозначения. В частности, для символов "больше" и "меньше" это, соответственно, > и < .