Xiper

И еще одно…

Автор: Евгений Рыжков и Татьяна Головко Дата публикации:
Последнее обновление:

В этой главе я уже упоминал о новых фишках HTML5, вроде автофокуса. Но я еще не рассказал о самом захватывающем нововведении — автоматической валидации полей. Рассмотрим общие проблемы ввода адреса электронной почты в веб форму. Сначала следует проверка на корректность на стороне клиента с помощью Javascript, затем на стороне сервера с помощь серверного языка вроде PHP или Pyton. При проверке на Javascript существует две большие проблемы:

  • у около 10% пользователей Javascript недоступен (отключают или не имеют его поддержки);
  • можно допустить ошибку при проверке.

Я серьезно. Можно ошибиться. Определение является ли последовательность символов корректным email — является невероятно сложной задачей. Чем дольше думать над этой задачей, тем сложнее она становится. Я уже говорил, что это очень сложно? Не проще ли передать этот головняк браузеру?

На картинке ниже приведен скриншот из Opera 10 (данная функциональность присутствует в Opera с 9-й версии). Когда в разметке указан тип поля type="email", Opera при сабмите формы автоматически проверяет корректность введенного email даже если Javascript отключен.

корректность ввода email

Более того, Opera проверяет корректность полей type="url" и type="number", даже с учетом указанных допустимых значений.

корректность ввода числа

К сожалению автоматическую валидацию другие браузеры пока не поддерживают, поэтому еще некоторое время придется использовать Javascript.

Куда дальше

По теме