—»     —»   Валидация Web-Форм: Практика и рекомендации
  Раздел: Формы   Комментариев: 2  

Валидация Web-Форм: Практика и рекомендации



В идеале, пользователи должны внести в онлайн-форму требуемые сведения и успешно произвести её отправку. Однако, люди часто допускают ошибки. Здесь-то и выручает функция подтверждения правильности заполнения онлайн-форм. Её назначение - помочь пользователю удостовериться в полноте предоставленной им информации и её соответствии заданному формату для успешного завершения операции. В этой статье мы затронем не только подтверждение правильности заполнения форм как таковое, но и рассмотрим различные приёмы, методы и способы применения этой функции наряду с программными средствами отслеживания ошибок.

1. Методы подтверждения
2. Что требует подтверждения
3. Сообщение об ошибке
4. Семь раз отмерь
5. Вы - человек?

1. Методы подтверждения

Ввод данных пользователя может подтверждаться на сервере или на компьютере-клиенте (через веб-браузер). То есть, имеются две точки подтверждения - со стороны сервера и со стороны клиента. Разберём преимущества и недостатки обеих.

Процедура подтверждения со стороны сервера

В данном случае, информация поступает на сервер и подтверждается кодами одного из языков этого сервера. При получении отказа в подтверждении, клиенту высылается уведомление, страница, на которой помещена форма, обновляется, выводится сообщение об ошибке. Надёжность этого метода состоит в его способности продолжать работу даже при отключении javascript в браузере и устойчивости ко взлому. С другой стороны, пользователи лишены возможности корректировать заполненную форму до её отсылки, что увеличивает время взаимодействия с сервером.

Исключение составляет подтверждение посредством Ajax. Сигналы Ajax, принимаемые сервером, могут подтверждаться по ходу заполнения формы и получать мгновенный ответ. Здесь мы называем подтверждением приемлемость вводимых данных, например, допустимость конкретного имени пользователя. Подробнее о подтверждении с помощью Ajax можно прочесть в этом отличном пособии для дизайнеров - jQueryForDesigners.
Валидация Web-Форм: Практика и рекомендации

На схеме показаны различия между способами подтверждения со стороны клиента и сервера, а также другие пути решения этой проблемы.

Подтверждение со стороны клиента

Подтверждения со стороны сервера достаточно для успешного и надёжного завершения отправки формы. Но пользователю иногда удобнее прибегнуть к подтверждению со стороны клиента. Эта операция производится на компьютере-клиенте с помощью языков программирования, таких как javascript. Вводя данные с применением кодировки, пользователь может получать их подтверждение, пока печатает текст. Оно в этом случае отображается сразу и гораздо заметнее.

При подтверждении со стороны клиента, форму нельзя отправить, если получен отказ. Операция производится вами средствами javascript (или через структуры/модули), поэтому сообщение об ошибке выдаётся вместе с отказом.

Основной недостаток этого способа подтверждения - его зависимость от javascript. Отключив javascript, пользователи могут легко отправить некорректную форму. Поэтому подтверждение всегда должно осуществляться с обеих сторон - и клиентом, и сервером. Совмещая эти способы, мы можем получить преимущества обоих: высокую скорость обработки данных, более надёжную процедуру подтверждения и удобство для пользователя.
Валидация Web-Форм: Практика и рекомендации

Компьютер-клиент получает мгновенное подтверждение регистрации на TypePad.
Страница 1 из 5 | Следующая страница

Новость отредактировал Design FactoRy - 11 июля 2017, 20:06
Обнаружили ошибку или мёртвую ссылку?
Выделите проблемный фрагмент мышкой и нажмите CTRL+ENTER.
В появившемся окне опишите проблему и отправьте уведомление Администрации ресурса.
Нужна органическая вечная ссылка из данной статьи? Постовой?
Подробности здесь
Вам понравился материал? Поблагодарить легко!
Будем весьма признательны, если поделитесь этой статьей в социальных сетях:

Ключевые тэги: отправные формы
Опубликовал Mysterious Master   Прочитано (раз): 10197   |   Оставлено комментариев: 2
Автор перевода — CoolWebmasters.Com ©   |   Источник материала / оригинал статьи   Распечатать
Другие статьи и новости по теме:
Комментарий #1: 14 февраля 2010 @ 23:17
Написал: Espando — группа: Гости  
На сайте с: --   |   Публикаций: 0   |   Комментариев: 0
ICQ: --- не указано ---
Есть ещё один кликабельный вид капчи.
Вот ссылка на урок по её созданию:
http://ruseller.com/lessons.php?rub=28&id=442
fellow
Комментарий #2: 14 февраля 2010 @ 23:26
Написал: Mysterious Master — группа: Администраторы  
На сайте с: 11.07.2009   |   Публикаций: 1491   |   Комментариев: 177
ICQ: --- не указано ---
Espando, хмм ... интересная реализация ... впервые вижу.
Добавление комментария
Уважаемые пользователи!
При добавлении комментариев на сайт Вам следует учитывать следующее - все комментарии проверяются Администрацией на предмет отсутствия спама. При обнаружении признаков спама, в оставленном Вами комментарии, сам комментарий будет незамедлительно удалён, а Ваш IP-адрес будет забанен без предупреждения! Учётные записи пользователей, рассылающих спам, блокируются/удаляются без права последующего восстановления.

С уважением, Администрация сайта.
* = поля обязательны к заполнению
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Вопрос : Назовите месяц December по-русски
Подтверждение кода безопасности :

Включите эту картинку для отображения кода безопасности
обновить, если не виден код


Популярные публикации


















Свежие шаблоны сайтов каждый день
С миру по нитке
«    Ноябрь 2017    »
ПнВтСрЧтПтСбВс
 12345
6789101112
13141516171819
20212223242526
27282930