Компьютерные книги
Главное меню
Главная Поиск по сайту Добавить материал О нас Карта книг Карта сайта
Реклама
computersbooks.net -> Добавить материал -> Языки программирования -> Ватсон К. -> "С#" -> 315

С# - Ватсон К.

Ватсон К. С# — Лори, 2005 . — 879 c.
ISBN 1-861004-98-2
Скачать (прямая ссылка): vatsonc2005.pdf
Предыдущая << 1 .. 309 310 311 312 313 314 < 315 > 316 317 318 319 320 321 .. 404 >> Следующая


return true; .. . ) • ' . ' ¦ ' ' ¦ " ¦ :
//—>:¦ . ' . . ' ¦ . '• ' </ecript>-
</head>
3. Изменим следующую строку, чтобы включить ссылку на функцию JavaScript при передаче формы:
<form method—’роас*' enc Cype=* text/plain* . ( ¦ . . action«"mailto: YounuuBeedomain.com"fLflme^CcemeateForn" . - onSubelt«‘return VaIidAt«roEm{) ¦» ' ' .

4. Добавим управляющий элемент формы, отвечающий

за электронную почту. Добавьте следующие строки для включения нового текстового окна для электронной почты:

<table border-l> <tr>

<td>Name</td>

<tdxinput type=*tejsC" nane=-Name"x/td>

<cr> ; • ¦ . .

. <td>Bnail</td> '-

<tdxInput type=“text* name=“eMail*x/td>

</tx> ¦ ' - '

<tr> < td>Connen C s: < / td> <tdxtextare« name="Comments* rowE=3 cols=65 wrapx/textareax/td> </tr> </table>

5. Сохраните страницу под именем JavaScriptFom.htm.
672

Глава 23

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

Как это работает — Создание сценариев на стороне клиента на языке JavaScript

JavaScript используется для выполнения заданий на компьютере клиента. Среди этих задач может быть все, что угодно, начиная от проверки допустимости, осуществляемой в настоящем примере, и заканчивая выполнением различных манипуляций над элементами страницы и созданием более динамичного интерфейса пользователя. С помощью языка JavaScript можно реализовать весьма интересные вещи, но поскольку не это является основной темой данной главы, мы остановимся на простом примере использования этого языка. Основное преимущество языка JavaScript заключается в том, что он позволяет избежать цикла обращение к web-серверу — получение ответа от web-cepBepa, что оборачивается экономией времени н ширины полосы пропускания, и, кроме того, все вычисления выполняются на клиентском компьютере вместо использования дорогостоящих ресурсов сервера.

В рассматриваемом примере мы добавили в форму некоторую простую проверку допустимости, JavaScript — это язык программирования, синтаксис которого напоминает синтаксис С#, поскольку оба этих языка произошли от языка С, и большая часть кода является абсолютно понятной. Мы создаем функцию с именем validateForm (), Эта функция осуществляет проверку всех трех текстовых окон на допустимость содержащихся в них данных. Обратите внимание на то, что эта функция обрамляется тегами <script>. Это делается для того, чтобы браузер мог начать интерпретировать последующий текст как команды JavaScript. Сам язык программирования задается с помощью атрибута language. Кроме того, псе команды JavaScript заключаются в блок комментариев HTML между символами <!--и // Это позволяет гарантировать, что браузеры более ранних версий, которые не работают с JavaScript, проигнорируют все эти команды.

oeript lanotuagre11 'JavaScript“>

<!--

Сама функция выполняет проверку на допустимость данных в трех элементах формы. JavaScript обращается ко всему, что находится в браузере, включая собственно HTML-страницу, с помощью Document Object Mode! (DOM, объектная модель документа). DOM задает иерархическую систему обращения ко всем элементам внутри страницы и позволяет выполнять над ними различные манипуляции, получать их значения и обновлять их:

if (document.CommentsForm.Name.value=="¦)

(

alert I 'Please enter a name! ') ; document.CommentsForm.Name.focus()j return false;

>
Основы юеЬ-программированул

673

Оператор if использует DOM для доступа к конкретному элементу формы. В нем указывается имя формы — CommentsForm н имя элемента формы — Name, что позволяет сужать область поиска до тех пор, пока в ней не останется единственный элемент. Затем в операторе используется какое-либо свойство этого элемента — в данном случае value, для получения доступа к хранящемуся в нем тексту. Далее этот текст сравнивается с пустой строкой, н если результатом этого сравнения является значение true, то выдается сообщение об ошибке и устанавливается фокус с помощью метода объекта данного элемента формы focus о.

Остальные сравнения выполняются аналогичным образом. Проверка допустимости адреса электронной почты оказывается несколько сложнее, поскольку, кроме проверки того, что данное окно не является пустым, необходимо также убедиться в наличии символа @. Для реализации этого используется метод rndexof о. Этот метод возвращает либо позицию переданного ему символа, либо — I, если ничего не найдено. Далее выполняется проверка равенства возвращенного значения с -1 н, если это так, то выводится сообщение об ошибке.

Эта функция вызывается, когда делается попытка передать форму путем изменения тега <fonn>

<form method="posf enctype="text/plain¦

ac tion=¦ma i1to: у ournaine9doina in.с om ¦ name= ¦ Comment sForra ¦

onSubait-" return v»lidat*Form() ">

Когда форма отправляется, выполняется действие, представленное в onSubmit. В данном случае мы вызываем функцию vaiidateForm(), которая только что была описана. Если vaiidateForm() возвращает значение false, то форма ие будет пересылаться серверу — именно таким способом можно предотвратить отправку формы, если в процессе проверки обнаруживаются ошибки.
Предыдущая << 1 .. 309 310 311 312 313 314 < 315 > 316 317 318 319 320 321 .. 404 >> Следующая
Книги
Web-программирован-
ие
Аппаратное обеспечение Графика Руководство по П.О. Самоучитель Теория программирования Фотошоп Языки программирования
Новые книги
Вирт Н. "Систематическое программирование " (Теория программирования)

Эком "Microsoft Excel 2000 шаг за шагом Русская версия самоучитель " (Самоучитель)

Поляков А.Ю. "Методы и алгоритмы компьютерной графики в примерах Vizual C++" (Графика)

Баяковский Ю.М. "Графическая библиотека Open GL " (Графика)

Валиков А. "Технология " (Языки программирования)
Авторские права © 2013 ComputersBooks. Все права защищены.