КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Листинг 3.6. Файл chapter3/password/password. html
|
|
|
|
<HTML>
<HEAD>
<ТIТLЕ>Запровадження і перевірка пароля</ТIТLЕ>
<SCRIPT LANGUAGE="JavaScript">
<!--
function Complete()
{
if(Sel.pwd.value!= Sel.pwdl.value)
alert("Помилка при запровадженні пароля\nПопробуйте ще разом");
else
{
var szId="";
var szPwd="";
szId = Sel. id. value;
szPwd = Sel.pwd.valued;
alert("Реєстрація виконана: \n" + "ID=" + szId + "\nPassword=" + szPwd);
}
}
//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR=white>
<Н1>Реєстрація</Н1>
<FORM NAME="Sel">
<TABLE>
<ТR><ТD><У>Ідентифікатор:</У></ТD><ТD>< INPUT
TYPE="text" NAME="id"
onChange="this.value=this.value.toUpperCase()"
SIZE="20" ></TD></TR>
<ТR><ТD><У>Пароль: </BX/TD><TD><INPUT TYPE="password"
NAME="pwd" SIZE="20"></TD></TR>
<ТR><ТD><У>Перевірка пароля: </BX/TD><TD><INPUT TYPE="password"
NAME="pwdl" SIZE="20"></TD></TR>
</TABLE>
<P> <TABLE>
<TR><TD><INPUT TYPE="button" VALUE="Complete"
onClick="Complete();"></TD>
<TD><INPUT TYPE="reset" VALUE="Reset"></TD></TR>
</TABLE>
</FORM>
</BODY>
</HTML>
Перетворення символів ідентифікатора користувача виконує оброблювач події onChange, визначений для поля id типу text:
<INPUT TYPE="text" NAME="id"
onChange="this. value=this. value. toUpperCase()" SIZE="20">
Це перетворення виконує функція toUpperCase, котрої вже користувалися раніш.
Що ж стосується перевірки пароля, то цим займається функція Complete, визначена в якості оброблювача події onClick для однойменної кнопки, призначеної для посилки заповненої форми.
От вихідний текст цієї функції:
function Complete()
{
if(Sel.pwd.value!= Sel.pwdl.value)
alert("Помилка при запровадженні пароля\nПопробуйте ще разом");
else
{
var szld="";
var szPwd="";
szId = Sel.id.value;
szPwd = Sel.pwd.valued;
alert("Реєстрація виконана:\n" + "ID=" + szld + "\nPassword=" + szPwd);
|
|
|
}
}
Якщо користувач увів різні пароли, значення властивостей Sel. pwd. value і Sel. pwdl. value не збігаються. У цьому випадку функція Complete відображає діалогову панель із повідомленням про помилку.
При збігу паролів функція Complete витягає значення ідентифікатора користувача Sel. id. value і його пароля Sel. pwd. value, а потім відображає їх на екрані.
3.4. Перевірка заповнення форми
Для того щоб скоротити кількість обертань до розширення серверу Web, можна за допомогою сценарію JavaScript виконати локальну перевірку слушності заповнення форми. Як перевірити вміст окремих полів форми, уже відомо з попередніх поділів глави. Зараз же треба зупинитися на взаємодії форми, сценарію JavaScript і розширення серверу Web, такого, як програма CGI або додаток ISAPI.
З раніше розглянутих розширень серверу Web, що опрацьовують дані, отримані від форм відомо, що для посилки даних розширенню використовується кнопка типу submit. Ця кнопка вбудовується у форму в такий спосіб:
<INPUT TYPE="submit"
NАМЕ="Ім'я_кнопки_submit"
VALUE="Teкст_на_поверхні_кнопки"
onClick="Оброблювач_події">
Параметри NAME і VALUE тут мають таке ж призначення, що вони мають і для вивченої раніше кнопки твань button.
Оброблювач події onClick дозволяє сценарію JavaScript виконати опрацювання вмісту поляж форми, перед тим, як дані з цих полів будуть передані розширенню серверу Web.
На жаль, поза залежністю від результатів опрацювання дані з форми завжди передаються серверу Web. що не завжди зручно. Було б краще, якби сценарій JavaScript міг відмовитися від посилки цих даних, якщо вони введені користувачем із помилкою.
Найпростіший вихід із цієї ситуації - заміна кнопки типу submit на звичайну кнопку button. З цією кнопкою повинний бути пов'язаний сценарій JavaScript, що перевіряє даним, уведені користувачем у поля форми, і посилає їхньому серверу Web явно.
У цьому поділі приведені вихідні тексти документа HTML, призначеного для запровадження ідентифікатора користувача і пароля (листинг 3.7). Цей документ аналогічний приведеному в попередньому поділі. У прикладі за допомогою сценарію JavaScript не тільки проверяется пароль, але і відправляються дані розширенню серверу Web, якщо пароль уведений правильно.
|
|
|
|
|
|
|
|
Дата добавления: 2014-11-29; Просмотров: 349; Нарушение авторских прав?; Мы поможем в написании вашей работы!