 |
Главная Случайная страница Контакты | Мы поможем в написании вашей работы! | |
Свойства формы JavaScript
|
|
Формы являются неотъемлемой частью дизайна многих страниц. В JavaScripte есть стандартные средств контроля за содержимым форм. Это очень помогает например при создании анкеты или формы регистрации пользователей, где могут быть введены некорректные данные.
Каждый объект document имеет свойство document.forms, которое является массивом объектов типа form. Доступ к свойствам той или иной формы можно получить либо из этого массива (document.forms[0] — первая форма документа), либо непосредственно по имени формы, которое задано в описании (document. forma_l — обращение К форме С именем forma_l).
Свойства, методы и события объекта form:
Элементы ввода в форме также являются объектами. Информация о них хранится в массиве elements [] объекта форм. В то же время, возможно получать доступ к свойствам полей непосредственно при помощи указания их имен (forma_l.edit_l — обращение к полюedit_l формы forma_l).
Пример: Рассмотрим скрипт, который проверяет правильность ввода в поля формы. Пусть у нас есть некоторая анкета, в которую надо ввести фамилию, возраст, мастерство и e-mail пользователя. Поле ввода фамилии должно быть непустым. Возраст должен лежать в пределах от 10 до 50 лет. Корректность ввода e-mail будем определять по двум очевидным критериям: наличию в содержимом поля ввода знака @, а также наличию точки.
<HTML>
<МЕТА content="text/html; charset=windows-1251"http-equiv=Content-Type> <BODY bgcolor= "tffffff" >
<FORM name="fprma2" onSubmit=usercheck()>
<H3> Анкета пользователя. Часть 1. </H3>
<Н4>Ф.И.О: <INPUT TYPE='TEXT' NAME='user' size=32 > <BR> Возраст: <INPUT TYPE='TEXT" NAME='age' size=8 > <BR> Мастерство: <SELECT NAME="skill" size="l">
<OPTION SELECTED>Ламер</ OPTION >
< OPTION >Юзер</ OPTION >
< OPTION >Хакер</ OPTION >
< OPTION >Элитный хакер</ OPTION >
</SELECT> <BR>
e-mail: <INPUT TYPE='TEXT' NAME='email1 size=32 > <BR> </H4>
< INPUT type=submit value="Дальше">
< INPUT type=reset value="Отправить">
</FORM>
<SCRIPT>
function usercheck()
{
// em — e-mail пользователя.
em = document.fоrma2.email.value;
// 1-е условие —. непустое поле Ф.И.О
ul=(document.fоrma2.user.value!= "");
// 2-е условие — возраст от 10 до 50 лет
u2=((document.forma2.age.value > 10)&(document.forma2.age.value < 50));
// 3-е условие — наличие в email @ и точки
u3=((em.indexOf ("@")!=-!)'& (em.indexOf (".")!=-!));
if ((ul)s(u2)&(u3)) // Если все три условия выполняются, то отправим форму.
{
document.forma2.submit;
}
else // Иначе выведем сообщение об ошибке
{
alert("Ошибка! \n Проверьте правильность ввода!")
}
}
</SCRIPT>
</BODY>
</HTML>
Метод string. indexOf ("подстрока") объекта string выдает позицию подстроки в строке string. Если подстрока не входит в строку, то выдается значение — 1.
Дата публикования: 2015-02-28; Прочитано: 168 | Нарушение авторского права страницы | Мы поможем в написании вашей работы!
