колонтитул в word 2007, 0000002111
Защита поля ввода в JavaScriptПродолжение - "Контейнер FORM и поля форм в JavaScript"Для защиты поля от ввода в него символов применяют метод blur() в сочетании с обработчиком события onFocus:
<FORM> <INPUT SIZE=10 VALUE="1-е значение" onFocus="document.forms[0].elements[0].blur();"> <INPUT TYPE=button VALUE=Change onClick="document.forms[0].elements[0].value= '2-е значение';"> <INPUT TYPE=reset VALUE=Reset> </FORM> 2. Изменение значения поля вводаРеакция на изменение значения поля ввода обрабатывается посредством программы, указанной в атрибуте onChange:
<FORM METHOD="post" onSubmit="return false;"> <INPUT SIZE="15" MAXLENGHT="15" VALUE="Тест" onChange="window.alert(document.forms[0].elements[0].value);"> <INPUT TYPE="button" VALUE="Изменить" onClick="document.forms[0].elements[0].value='Change';"> </FORM>
Отметим, что он работает по-разному для Internet
Explorer и Netscape Navigator, а именно по-разному обрабатывается событие
onChange. Для Internet Explorer при любом изменении поля событие обрабатывается
незамедлительно, для Netscape Navigator — после потери фокуса активным полем. КнопкиИспользование кнопок в Web вообще немыслимо без применения JavaScript.Создайте форму с кнопкой и посмотрите, что будет, если на эту кнопку нажать — кнопка продавливается, но ничего не происходит. Ни одно из стандартных событий формы (reset или submit) не вызывается. Конечно, данное замечание не касается кнопок Submit и Reset. Кнопка вводится в форму главным образом для того, чтобы можно было обработать событие click:
<FORM> <INPUT TYPE=button VALUE="Окно предупреждения" onClick="window.alert('Открыли окно');"> </FORM>
Следует отметить, что в Netscape Navigator размер кнопки
фиксирован (первое значение должно быть самым длинным, иначе будет не очень
красиво), а в Internet Explorer размер изменяется в зависимости от длины текста. КартинкиКнопки-картинки — это те же кнопки, но только с возможностью отправки данных на сервер. Собственно, такие кнопки в JavaScript составляют две разновидности контейнера INPUT: image и submit. В JavaScript объект, связанный с данными кнопками, называется Submit.
<FORM> Активная кнопка: <INPUT TYPE=image SRC=images.gif onClick="return false;"> </FORM> Netscape Navigator на такое поведение обработчика события вообще не реагирует, и отменять передачу можно только в атрибуте onSubmit контейнера FORM:
<FORM onSubmit="return false"> Активная кнопка: <INPUT TYPE=image SRC=images.gif border=0> </FORM> Обмен данными
Передача данных на сервер из формы осуществляется
по событию submit. Это событие происходит при одном из следующих действий
пользователя:
1. Кнопка SubmitКнопка Submit представляет собой разновидность поля ввода. Она ведет себя так же, как и обычная кнопка, но только еще генерирует событие submit (передачу данных на сервер). В этом, с точки зрения JavaScript-программирования, она абсолютно идентична графическим кнопкам:
<FORM> <INPUT TYPE=submit VALUE=submit> </FORM> С точки зрения программирования наибольший интерес представляет возможность перехвата события submit и выполнение при этом действий, отличных от стандартных. Для этой цели у кнопки есть атрибут обработки события click (onClick):
<FORM> <INPUT TYPE=submit VALUE=Submit onClick="return false;"> </FORM> Теперь можно написать собственную программу обработки события submit:
function my_submit() { if(window.confirm("Хотите перегрузить страницу?")) return true; else return false; } ... <FORM> <INPUT TYPE=submit VALUE=Submit onClick="return my_submit();"> </FORM> 2. Единственное поле в формеЕсли в форме присутствует одно-единственное поле, и мы в него осуществили ввод и после этого нажали Enter, то браузер сгенерирует событие submit:
<FORM onSubmit="window.alert('Сделано');return false;"> <INPUT SIZE=10 MAXLENGTH=10> </FORM>
В этом примере, кроме поля ввода, в форме присутствует
меню. Если менять значения выбранных альтернатив, то перезагрузки не происходит,
но стоит изменить значение в поле ввода и нажать Enter, происходит submit,
и система выдает окно предупреждения. 3. Метод submit()Метод submit() — это метод формы. Если в программе вызывается метод submit, то данные из формы, к которой применяется данный метод, передаются на сервер. Усовершенствуем пример с полем ввода и меню выбора (прежде чем выбирать альтернативы, прочтите комментарий под примером):
<FORM onSubmit="window.alert('Сделано');return false;"> <INPUT SIZE=10 MAXLENGTH=10> <SELECT onChange="form.submit();"> <OPTION>Вариант 1<OPTION>Вариант 2</SELECT> </FORM> колонтитулы в word 2007, 000000211111
Рекомендуем в повседневной деятельности:
|