Читайте также:
|
Тема: Управление обработкой форм. Получение информации из форм на стороне клиента (1)
Цель работы: Познакомиться с общими идеями контроля за заполнением форм на стороне клиента и основами событийной архитектуры.
Закончив заполнения формы, пользователь нажимает кнопку, полагая, что данные будут отправлены на обработку сервером. Но, если форма заполнена не полностью, или в некоторых полях допущены ошибки, связанные с неправильным форматом данных, то обработка завершится неудачей. Тогда пользователь вместо результатов получит от севера сообщение об ошибке. Сервер впустую потратит время на выявление ошибок в данных, а пользователь — на ожидание сообщения об ошибках.
Чтобы избежать этого, нужно обеспечить выполнение контроля заполнения формы еще на стороне клиента. Данные из формы будут отсылаться серверу только случае, если она заполнена правильно.
Фактически для выполнения проверки нужно запустить некоторое веб-приложение, которое считывает информацию из элементов формы и затем выполняет с нею некоторые операции. Очевидно, что содержание этих действий может быть любым. Оно ограничено возможностями языка программирования и объектной модели. Поэтому по той же схеме могут строиться веб-приложения, решающие разные задачи.
До недавнего времени предварительная обработка информации из форм могла выполняться только средствами JavaScript (или библиотек на его основе, таких как jQuery). С появлением HTML 5 задача контроля введённой информации в некоторых случаях упростилась. Некоторые ограничения на значения полей (адреса электронной почты, даты и т.п.) задаются средствами HTM. А задача отслеживания их выполнения возлагается на браузер. Однако браузеры пока реализуют эти новые возможности не в полной мере. Поэтому основным средством контроля является программный код на JavaScript.
Получение объекта формы
В процессе загрузки веб-страниц браузеры строят объектную модель документа, которая может использоваться интерпретатором JavaScript. Поэтому в js-коде все html-элементы представляются программные объектами, в свойствах объектов. Поэтому, если создается объект, соответствующий форме, то управляющие элементы формы, становятся свойствами объекта формы.
Тогда, чтобы прочесть информацию из элементов формы (текстовых полей, флажков и т.п.), нужно сначала получить объект формы (в лабораторной работе будем обозначать его js-переменной, с именем formObj).
Выполнить это можно несколькими способами. Одни возможности предлагает модель BOM (Browser Object Model), другие — спецификация DOM.
Дата добавления: 2015-07-26; просмотров: 44 | Нарушение авторских прав
| <== предыдущая страница | | | следующая страница ==> |
| Знакомство с элементами окна EXCEL | | | Процедура отправки формы на обработку. Событие submit |