From 55ddd4454665a3c66e3d5b186bc79048468d36e7 Mon Sep 17 00:00:00 2001 From: Alexey Pyltsyn Date: Mon, 15 Mar 2021 14:29:50 +0300 Subject: Auto fixes --- .../html/html5/constraint_validation/index.html | 32 +++++++++++----------- 1 file changed, 16 insertions(+), 16 deletions(-) (limited to 'files/ru/web/guide/html/html5/constraint_validation/index.html') diff --git a/files/ru/web/guide/html/html5/constraint_validation/index.html b/files/ru/web/guide/html/html5/constraint_validation/index.html index cad42baedb..6276de0ced 100644 --- a/files/ru/web/guide/html/html5/constraint_validation/index.html +++ b/files/ru/web/guide/html/html5/constraint_validation/index.html @@ -6,7 +6,7 @@ tags: translation_of: Web/Guide/HTML/HTML5/Constraint_validation original_slug: HTML/HTML5/Constraint_validation --- -

Создание веб форм всегда было комплексной задачей. В то время как сама по себе разметка формы - задача не сложная, проверка каждого поля на валидность - сложнее, а информирование юзера о проблеме - может стать головной болью. Стандарт HTML5 предоставил новые механизмы для форм: были добавлены новые семантические типы для элемента {{ HTMLElement("input") }} и обязательная валидация, чтобы облегчить работу по проверке содержимого формы на стороне браузера. Проще говоря, обычная проверка может быть выполнена без JavaScript, простой установкой новых аттрибутов; более сложные ограничения могут быть реализованы через HTML5 Constraint Validation API.

+

Создание веб форм всегда было комплексной задачей. В то время как сама по себе разметка формы - задача не сложная, проверка каждого поля на валидность - сложнее, а информирование юзера о проблеме - может стать головной болью. Стандарт HTML5 предоставил новые механизмы для форм: были добавлены новые семантические типы для элемента {{ HTMLElement("input") }} и обязательная валидация, чтобы облегчить работу по проверке содержимого формы на стороне браузера. Проще говоря, обычная проверка может быть выполнена без JavaScript, простой установкой новых атрибутов; более сложные ограничения могут быть реализованы через HTML5 Constraint Validation API.

Внимание: HTML5 Constraint validation не отменяет валидацию на стороне сервера. Несмотря на то что на сервер будет отправляться меньше запросов с невалидными данными, такие запросы всё ещё могут быть отправлены менее "сговорчивыми" браузерами (например, браузерами без поддержки HTML5 и без JavaScript) или плохими парнями, пытающимися взломать ваше веб-приложение. Следовательно, как и в случае с HTML4, вам всё ещё нужно проверять ввод на стороне сервера, таким образом, чтобы это было согласовано с валидацией на стороне клиента.
@@ -15,13 +15,13 @@ original_slug: HTML/HTML5/Constraint_validation

В HTML5, базовые ограничения описываются двумя способами:

Семантические типы input-ов

-

Аттрибуты, присущие элементам {{ htmlattrxref("type", "input") }}:

+

Атрибуты, присущие элементам {{ htmlattrxref("type", "input") }}:

@@ -37,8 +37,8 @@ original_slug: HTML/HTML5/Constraint_validation @@ -53,7 +53,7 @@ original_slug: HTML/HTML5/Constraint_validation
  • ldh-str (описан в RFC 1034) - US-ASCII символы, цифры и "-", сгруппированы по словам и разделённые точкой (.).
    • -
    Внимание: если установлен аттрибут {{ htmlattrxref("multiple", "input") }}, в поле могут быть вписаны несколько e-mail адресов, разделённых запятыми. Если любое из этих условий не выполнено, будет вызвано Type mismatch constraint violation.
    +
    Внимание: если установлен атрибут {{ htmlattrxref("multiple", "input") }}, в поле могут быть вписаны несколько e-mail адресов, разделённых запятыми. Если любое из этих условий не выполнено, будет вызвано Type mismatch constraint violation.
    @@ -62,15 +62,15 @@ original_slug: HTML/HTML5/Constraint_validation

    Следует учесть, что большинство типов input не имеют "нативных" ограничений, а некоторые из них просто лишены валидации или имеют автоматическую корректировку невалидных значений по умолчанию. 

    -

    Аттрибуты валидации

    +

    Атрибуты валидации

    -

    Ниже перечислены аттрибуты, которые описывают базовые ограничения:

    +

    Ниже перечислены атрибуты, которые описывают базовые ограничения:

    Значение должно быть абсолютным URL, одним из:
    • валидным URI (как описано в RFC 3986)
      • -
    • валидным IRI, без query сомпонента (как описано в RFC 3987)
      • -
    • валидным IRI, без query сомпонента и без неэкранированных не-ASCII символов (как описано в RFC 3987)
      • +
    • валидным IRI, без query компонента (как описано в RFC 3987)
      • +
    • валидным IRI, без query компонента и без неэкранированных не-ASCII символов (как описано в RFC 3987)
    • валидным IRI, при условии, что кодировка документа UTF-8 или UTF-16 (как описано в RFC 3987)
    		 Type mismatch constraint violation
    - - + + @@ -88,7 +88,7 @@ original_slug: HTML/HTML5/Constraint_validation - + @@ -103,7 +103,7 @@ original_slug: HTML/HTML5/Constraint_validation - + @@ -117,7 +117,7 @@ original_slug: HTML/HTML5/Constraint_validation - + @@ -125,7 +125,7 @@ original_slug: HTML/HTML5/Constraint_validation - + @@ -148,7 +148,7 @@ original_slug: HTML/HTML5/Constraint_validation - + -- cgit v1.2.3-54-g00ecf
    АттрибутТипы input с поддержкой аттрибутаАтрибутТипы input с поддержкой атрибута Возможные значения Описание ограничения Связанное нарушение{{ htmlattrxref("min", "input") }} range, number Валидное числоЗначение поля должно быть больше или равно значению аттрибутаЗначение поля должно быть больше или равно значению атрибута Underflow constraint violation
    {{ htmlattrxref("max", "input") }} range, number Валидное числоЗначение поля должно быть меньше или равно значению аттрибутаЗначение поля должно быть меньше или равно значению атрибута Overflow constraint violation
    {{ htmlattrxref("required", "input") }} text, search, url, tel, email, password, date, datetime, datetime-local, month, week, time, number, checkbox, radio, file; also on the {{ HTMLElement("select") }} and {{ HTMLElement("textarea") }} elementsникакое так как это Boolean аттрибут: его присутствие означает true, а отсутствие - falseникакое так как это Boolean атрибут: его присутствие означает true, а отсутствие - false Значение должно быть не пустым (если установлено). Missing constraint violation
    {{ htmlattrxref("step", "input") }} date Целое число днейПока в аттрибут step не установлен любой литерал, значение может быть min + любое число, крастное шагу.Пока в атрибут step не установлен любой литерал, значение может быть min + любое число, красное шагу. Step mismatch constraint violation
    {{ htmlattrxref("maxlength", "input") }} text, search, url, tel, email, password; также на элементе {{ HTMLElement("textarea") }} Длина (целое число)Количество символов (знаков) не должно превышать значение аттрибута.Количество символов (знаков) не должно превышать значение атрибута. Too long constraint violation