Файловый архив студентов. Файловый архив студентов.
1305 вузов, 5173 предметов.
/ Регистрация
FAQ Обратная связь Вопросы и предложения
Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз:
Национальный технический университет Украины «Киевский политехнический институт»
Предмет:
[НЕСОРТИРОВАННОЕ]
Файл:
Spec_Mov_3k_4k_Lect.doc
Скачиваний:
0
Добавлен:
01.03.2025
Размер:
1.46 Mб
Скачать
☆
►Содержание►

Объект, соответствующий форме

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

Адресация и именование

Все формы, расположенные в документе адресуются с помощью свойства forms, а отдельная форма через индексацию свойства forms. Так, если атрибут name некоторой формы был установлен в значение “form4”, то обратиться в скрипте к объекту соответствующему данной форме можно так: document.form4, document.form[“form4”], или же используя порядковый числовой индекс document.forms[i], где – i порядковый номер формы в документе.

Чтобы получить доступ к отдельному элементу (органу управления) в пределах формы необходимо использовать свойство объекта формы elements и индексацию.

Пример

document.forms[0].elements[“text1”] или document.forms[0].text1

Выполнено обращение к элементу формы, свойство name которого имеет значение “text1”, расположенного в 1-й по порядку размещения в документе формы. В качестве индекса массива elements можно применять и целочисленные значения.

Свойства и методы

Объекты формы и отдельных ее элементов имеют множество методов, а также свойств, часть из которых можно только считывать, а другие динамически изменять. Так, например, состояние переключателей можно динамически изменять присваивая значение true или false свойству checked объекта “checkbox”. Метод submit() для формы позволяет имитировать щелчок по кнопке «Submit». Одним из основных свойств для всех элементов является свойство value, которое имеет различный смысл для разных элементов: - надпись на кнопке, - содержимое текстового поля или текстовой области, - текущее значение соответствующее переключателю или селекторной кнопке. Именно это значение в паре со значением атрибута name передается на сервер при передаче содержимого формы. Кроме того, каждый элемент обладает свойством form, содержащим ссылку на форму, включающую данный элемент.

Пример

В примере выполняется проверка наличия данных в первом из элементов, содержащихся в форме. Если данные не введены, то выдается предупреждение и фокус ввода возвращается к первому элементу для ввода данных.

……………………………….

<script language="JavaScript">

<!--

function isEmpty(data)

{

if((data.length == 0)

{

alert(“You must enter your full name!”);

document.forms[0].persName.focus();

}

else

{

document.forms[0].emaiAddr.focus();

}

}

//-->

</script>

</head>

<body ………>

<form………………………>

Ваше имя:

<input name = ”persName” type = ”text” onChange = ”isEmpty(this.form.persName.value)”><br>

Адрес Е-mail:

<input name =”emailAddr” type = “text”>

…………………………….

</form>

</body>

</html>

Динамическое изменение надписей и изображений на кнопках

Текст, отображаемый на кнопке, можно динамически изменить, присваивая новое строковое значение атрибуту value. Для представления кнопок с изображениями можно применить контейнер <button>. В такой контейнер можно поместить и графику и надписи.

Тогда получив доступ к объекту, соответствующему тэгу <img> можно изменить его свойство src.

Пример

………………………..

<script language="JavaScript">

<!--

function ftest(num)

{

if(num==1)

{ document.all["n2"].src="i1.jpg";

document.all["n1"].src="i2.jpg";

}

else

{ document.all["n1"].src="i1.jpg";

document.all["n2"].src="i2.jpg";

}

}

//-->

</script>

……………………………….

<FORM action="http://somesite.com/prog/adduser" method="post">

……………………………….

<BUTTON name="submit" value="submit" onClick="ftest(1)">

Send<IMG name= "n1" src="i1.jpg" alt="wow"></BUTTON>

<BUTTON name="reset" onClick="ftest(2)">

Reset<IMG name="n2" src="i2.jpg" alt="oops"></BUTTON>

</P>

</body>

</FORM>

Контейнеры <button> можно непосредственно связать с действиями кнопок типа «Submit» или «Reset» установив для них значения атрибута type – “submit” или “reset”.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]
Помощь Обратная связь Вопросы и предложения Пользовательское соглашение Политика конфиденциальности