Обработка данных форм на JavaScript

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

JavaScript – объектно-ориентированныйскриптовыйязыкпрограммирования. Программа на JavaScript никогда не компилируется, а выполняется при помощи интерпретатора, который встроен в любой веб-браузер.

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

Для того чтобы вводимую пользователем в поля формы информацию можно было обработать в сценарии, необходимо заменить в форме элемент <inputtype=«submit»>на элемент <inputtype=«button»onclick=«…»>. В качестве значения свойства onclickнеобходимо указать имя JavaScript-функции обработки события. В качестве параметра функции передается объект-форма.

В теле функции осуществляется проверка на непустое значение в поле username, которое затем выводится внизу страницы путем присвоения его значения свойству innerHTMLпредварительно созданного элемента <div>с id=«result».

Ниже приведен пример страницы, включающей сценарийJavaScript.

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

 

Лабораторное задание

Разработать веб-страницу, содержащую форму с полями для описания объекта предметной области в соответствии с вариантом задания на лабораторную работу №1.

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

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

Форма должна иметь оригинальный дизайн, заданный при помощи CSS.

Веб-страница с формой должна отображаться в фрейме «описания» по ссылке из списка категорий.

Справочники и руководства

http://javascript.ru

http://lit.jinr.ru/LCTA/Java/javascript/chapt10.htm

 

Лабораторная работа №4. JavaScript.Работа с HTML-страницей при помощи объектной модели документа DOM

Введение

JavaScript – прототипно-ориентированный скриптовый язык программирования. Наиболее широкое применение находит в браузерах как язык сценариев для придания интерактивности веб-страницам.

Прототипное программирование – стиль объектно-ориентированного программирования, при котором отсутствует понятие класса, а повторное использование (наследование) производится путём клонирования существующего экземпляра объекта — прототипа.

Поскольку программа на JavaScritпредставляет собой сценарий, то ее не требуется компилировать. Сценарий интерпретируется (браузером) по ходу выполнения.

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