Курсовая работа проверка правильности заполнения форм и другая обработка данных форм Студентки 2 курса очного отделения направления «Прикладная информатика»
Курсовая работа проверка правильности заполнения форм и другая обработка данных форм Студентки 2 курса очного отделения направления «Прикладная информатика»
Проверка правильности заполнения форм и другая обработка данных форм
Студентки 2 курса очного отделения
направления «Прикладная информатика»
Осиповой Ксении
Научный руководитель: кандидат физико-математических наук, доцент Балахчи Г.К.
Работа защищена:
«_____»______________2015г.
с оценкой_____________
Протокол №___________
ИРКУТСК 2015
Содержание
Введение 2
Глава 1. Общая характеристика JavaScript 3
1.1Основне понятия 3
Глава 2.Раота с формами 5
2.1Форма и ее свойство 5
2.2Объекты, их свойства и методы 7
2.3Формы: отправка, событие, метод submit 11
Глава 3.Пример заполнения и проверка форм 13
Заключение 15
Список литературы 16
Введение
Данная курсовая работа посвящена изучению анимационных эффектов в рамках JavaScript. Раскрывая тему, мы сочли нужным раскрыть понятие языка программирования «JavaScript».
В первой части нашей курсовой работы мы рассмотрим, что представляет собой язык программирования JavaScript, его функции и методы.
Путешествуя по просторам Всемирной паутины, можно обратить внимание, как различаются между собой оформление и возможности веб страниц. Однако не каждый пользователь знает, что почти все это разнообразие реализовано на основе одного средства разметки текста – HTML.
Язык разметки гипертекста HTML – стандартное средство представления информации в среде World Wide Web (WWW) в виде веб страниц. Поскольку HTML является стандартизированным языком разметки, документы, написанные с его использованием, можно легко просматривать и редактировать на компьютерах с различным программным и аппаратным обеспечением.
Язык программирования JavaScript не предназначен для создания автономных программ. Конструкции JavaScript встраиваются непосредственно в исходный текст документов HTML и интерпретируются браузером по мере загрузки этих документов.
Все операции, которые можно исполнять в программе на JavaScript, описывают действия над хорошо известными и понятными объектам - элементами рабочей области программы Netscape Navigator и контейнерами языка HTML. Этому вопросу посвящена вторая часть работы.
Глава 1. Общая характеристика JavaScript
JavaScript является интерпретируемым языком. Категорию языков, к которой относится JavaScript, в литературе называют языками сценариев или скриптами. Последний термин - жаргон, который получился в результате транслитерации слова Script, поэтому в нашей книге мы его не будем использовать.
Языки сценариев существовали давно. Они применялись, например, для автоматизации различных задач. В качестве примера можно привести язык сценариев UNIX, язык пакетных заданий MS-DOS или имеющий большее отношение к технологиям Internet язык Perl, предназначенный для создания программ CGI.
1.1Основне понятия
Язык программирования JavaScript был разработан фирмой Netscape в сотрудничестве с Sun Microsystems и анансирован в 1995 году. JavaScript предназначен для создания интерактивных html-документов.
JavaScript — прототипно-ориентированныйсценарныйязык программирования. Является реализацией языка ECMAScript (стандарт ECMA-262).
JavaScript обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивностивеб-страницам.
Наиболее часто скриптовые языки используются для:
отображения диалоговых панелей и сообщений в статусной строке браузера;
динамического создания содержимого страницы во время ее загрузки или уже после того, как она полностью загружена;
изменения содержимого страницы, например, атрибута SRС графического изображения или содержимого других HTML-элементов, и отклика на события;
проверки вводимой пользователем информации и управления отсылкой содержимого форм;
навигации по другим страницам;
управления встроенными в Web-страницу объектами типа Java-апплетов и элементов Active X.
Основные архитектурные черты: динамическая типизация, слабая типизация, автоматическое управление памятью, прототипное программирование, функции как объекты первого класса.
На JavaScript оказали влияние многие языки, при разработке была цель сделать язык похожим на Java, но при этом лёгким для использования непрограммистами. Языком JavaScript не владеет какая-либо компания или организация, что отличает его от ряда языков программирования, используемых в веб- разработке.
Название «JavaScript» является зарегистрированным товарным знаком компании Oracle Corporation.
Еще одна важная особенность языка JavaScript - это его объектная ориентированность. И хотя объектно-ориентированные возможности JavaScript заметно беднее, чем в С++ или Java, они все же есть в этом языке. Программистам доступны многочисленные объекты, встроенные в браузер и загруженные в него документы HTML, такие как документы HTML, фреймы, формы, ссылки на другие документы и так далее. Допускается создание собственных классов, а также группирование объектов и структур данных для расширения базовых классов.
С помощью конструкций JavaScript, встроенных в документы HTML, можно обрабатывать события. Эти события возникают в результате выполнения пользователем различных операций над документом HTML, загруженным в окно браузера. Это позволяет получать различные визуальные эффекты, например, изменение внешнего вида органов управления, когда над ними находится курсор мыши. Можно предварительно проверять данные, введенных пользователем в полях формы перед их отправкой для обработки на сервер Web, а также выполнять произвольные действия перед загрузкой документа HTML в окно браузера и делать другую полезную работу.
Глава 2.Раота с формами
Сценарии JavaScript очень часто применяются для предварительной обработки данных, введенных пользователями в формах. Проверенные
данные затем могут предаваться расширениям CGI или ISAPI сервера Web. Кроме того, с помощью форм и сценариев JavaScript можно создавать активные страницы, способные получать от пользователя и обрабатывать произвольную информацию.
2.1Форма и ее свойство
Оператор <FORM>. В наиболее общем виде оператор Параметр NAME задает имя формы. Вы можете его не указывать, если
форма не предназначена для совместной работы со сценарием JavaScript,
однако это не наш случай. Нам это имя нужно для адресации формы как
свойства объекта Document, поэтому мы всегда будем его задавать.
Назначение параметра TARGET аналогично назначению этого же
Кнопка button. В общем виде кнопка класса button определяется в форме с помощью оператора следующим образом:
NAME="Имя_кнопки"
VALUE="Надпись_на_кнопке"
onClick="Обработчик_события"> Параметр TYPE оператора должен иметь значение button.
С помощью параметра NAME задается имя объекта, соответствующего
кнопке (а не надпись на кнопке). Надпись на кнопке указывается с помощью
параметра VALUE.
Определив обработчик события, вы можете задать сценарий JavaScript, который получит управление после того как пользователь нажмет на кнопку.
Объект button имеет два свойства, отражающие значения соответствующих параметров оператора :
name;
value.
Для объекта button определен всего один метод, не имеющий параметров, - click: click()
Вызов этого метода приводит к такому же эффекту, что и щелчок левой клавишей мыши по кнопке.
Переключатель checkbox. Переключатели checkbox обычно применяются для выбора каких-либо независимых друг от друга параметров или возможностей.
В форме переключатель checkbox создается с помощью операторам с параметром TYPE, равным строке "checkbox":
NAME="Имя_переключателя_checkbox"
VALUE="Значение"
CHECKED
onClick="Обработчик_события">
Текст, отображаемый рядом с переключателем
Параметр NAME задает имя переключателя. Это имя можно
использовать для определения состояния этого переключателя в сценарии
JavaScript.
С помощью параметра VALUE вы можете определить строку, которая
передается расширению сервера при посылке заполненной формы, если
переключатель находится во включенном состоянии. Если этот параметр не
указан, то по умолчанию посылается строка “on”. Сценарий JavaScript также
может получить значение параметра VALUE.
Необязательный параметр CHECKED указывается в том случае, если
при начальном отображении формы переключатель должен отображаться
во включенном состоянии.
Если для переключателя определен обработчик события, вы можете
задать сценарий JavaScript, получающий управление после того как пользователь изменит состояние переключателя.
Объект checkbox имеет несколько свойств, отражающих значения
соответствующих параметров оператора :
name;
checked;
value;
defaultChecked.
Для объекта checkbox определен один метод click, не имеющий параметров: click()
При вызове этого метода переключатель устанавливается во включенное состояние. Переключатель radio. Переключатели типа radio применяются в тех случаях, когда нужно организовать выбор одной из нескольких возможностей. Исходя из этого, в форме обычно располагается несколько таких переключателей.
Определение переключателя radio выглядит следующим образом:
NAME=" Имя_переключателя_radio"
VALUE="Значение"
CHECKED
onClick="Обработчик_события">
Текст, отображаемый рядом с переключателем Назначение параметров NAME, VALUE и CHECKED переключателя radio такое же как и назначение аналогичных параметров переключателя checkbox. Отличие заключается в том, что все переключатели radio, принадлежащие к одной группе, должны иметь одинаковые имена,
определенные параметром NAME. Что же касается переключателей
checkbox, то если их несколько, то все они должны называться по-разному.
Для того чтобы расширение сервера Web или сценарий JavaScript,
обрабатывающие форму, могли узнать, какой же из переключателей radio
группы находится во включенном состоянии, все такие переключатели
должны иметь различные значения VALUE.
Кроме того, только один из переключателей radio может быть определен с параметром CHECKED. Объект radio имеет следующие свойства:
name;
checked;
length;
value;
defaultChecked.
Для объекта radio определен метод click, не имеющий параметров: click()
При вызове этого метода переключатель выбирается для работы. Список select. С помощью оператора Все параметры оператора необязательные, однако для того