До глубокого обсуждения проверки формы давайте подумаем о истинном значении проверки формы формы. Что касается его ядра, проверка формы - это система, которая обнаруживает неверные управляющие данные для конечных пользователей и отмечает эти ошибки. Другими словами, проверка формы состоит в том, чтобы провести на нем серию проверок, прежде чем отправлять сервер и уведомить пользователей о исправлении своих ошибок.
Но какова проверка реальной формы?
Это оптимизация.
Причина, по которой проверка формы является оптимизацией, заключается в том, что этого недостаточно, чтобы гарантировать, что данные формы, представленные на сервер, только через механизм проверки формы являются правильными и эффективными. С другой стороны, проверка формы проектирования состоит в том, чтобы сделать веб -приложения быстрее устранять ошибку. Другими словами, лучше всего использовать встроенный механизм обработки браузера, чтобы информировать веб -страницу пользователя, содержащую неверное значение управления формой. В прошлом данные развернулись в Интернете, чтобы позволить серверу уведомить пользователя о том, что он ввел неверные данные. Если браузер полностью способен быть снятым перед тем, как покинуть клиент, то мы должны использовать это преимущество.
Тем не менее, проверки формы браузера недостаточно, чтобы справиться со всеми ошибками.
Сказав это, HTML5 по -прежнему вводит восемь методов для проверки правильности данных управления формой. Давайте посмотрим на это по порядку, но давайте представим объект Valuestate для обратной связи, чтобы проверить статус.
В браузере, который поддерживает проверку формы HTML5, вы можете получить доступ к объекту Validitystate через управление формой:
var value = document.myform.myinput.vality;
Эта строка кода получила объект Validity State, называемый MyInput. Объект содержит ссылку на все восемь статуса проверки и результаты окончательной проверки.
Метод вызова выглядит следующим образом:
Valcheck.valid
После выполнения мы получим логическое значение, которое указывает на то, прошло ли управление формой все ограничения проверки. Вы можете рассматривать значения характеристики как результат окончательного проверки: если все восемь ограничений передаются, характеристики значения истины, в противном случае, до тех пор, пока существует ограничение, которое не сбои, логотип значения - это все S.
Как упоминалось ранее, в любом элементе формы есть восемь возможных ограничений проверки. Каждое условие имеет соответствующее характерное имя в объекте Validity State, к которому можно получить доступ соответствующим образом. Давайте проанализируем один за другим, чтобы увидеть, как они связаны с управлением формой, и как проверить их на основе объекта Validitystate:
1. ValuemissingЦель: Убедитесь, что значение в управлении формой было заполнено.
Использование: в управлении формой установите необходимые функции на True.
Пример:
<input type = text name = mytext требуется>
Подробные инструкции: если элемент управления формой устанавливает необходимую функцию, элемент управления всегда будет недействительным, прежде чем пользователь заполнит или заполнит значение кодным вызовом. Например, пустое окно ввода текста не может передать необходимую проверку, если не ввести в него какой -либо текст. Когда входное значение пустое, ValueMissing возвращает true.
2. TypemiscatchЦель: обеспечить сопоставление управляющих значений и ожидаемых типов (например, Numbe, Email, URL и т. Д.).
Использование: укажите характерное значение типа управления формой.
Пример:
<input type = имя электронной почты = myemail>
Подробные инструкции: специальная форма управления формой не только используется для настройки клавиатуры мобильного телефона. Символ в адресе электронной почты или входное значение элемента управления номером не является эффективным числами, тогда браузер отметит это управление, чтобы указать, что тип не сопоставлен. Независимо от того, какие ошибки Typemiscatch вернется к True.
3. PatternmismatchЦель: Убедитесь, является ли вход действительным в соответствии с правилами формата, установленными в управлении формой.
Использование: установите функции шаблона на управление формой, а скважина дает соответствующие правила сопоставления.
Пример:
<input type = text name = creditcardnumber pattern = [0-9] {16} target = '_lank'> Механизм проверки регулярного выражения. Когда функции шаблона устанавливаются на управление, до тех пор, пока значение входного управления не соответствует правилам режима, PatternMismatch вернет истинное значение. Из двух аспектов руководства пользователей и технических ссылок вы должны установить характеристики заголовка в управлении формой, содержащей характеристики шаблона для объяснения правил. 4. toolong Цель: Избегайте значения ввода, содержащего слишком много символов.
Использование: установите характеристики максимальной длины на управлении формой.
Пример:
<input type = text name = LimitedDtext maxLength = 140>
Подробное описание: если длина входного значения превышает максимальную длину, функция ToolOng вернет true. Хотя управление формой обычно ограничивается максимальной длиной, когда пользователь вводит, в некоторых случаях, например, настройки программы, он все равно будет превышать максимальное значение.
5. rangeunderflow Цель: Ограничьте минимальное значение численного управления.
Использование: установите функцию MIN для управления формой и дайте допустимое минимальное значение.
Пример:
<тип ввода = имя диапазона = ageCheck min = 18>
Подробные инструкции: В управлении формы, который необходимо проверить, значение, вероятно, будет временно ниже, чем нижний предел настроек. В настоящее время функция диапазона пофере Validity State вернется к True.
6. rangeoverflow Цель: Ограничьте максимальное значение численного управления.
Использование: установите максимальные характеристики для управления формой и дайте максимальное значение.
Пример:
<input type = range name = kidagecheck max = 12>
Подробное описание: Аналогично RangeUnderflow, если значение управления формой больше, чем макс, характеристики вернут True.
7. Stepmismatch Цель: Убедитесь, что входное значение соответствует Min, Max и Step.
Использование: установите характеристики шага для управления формой, укажите увеличение значения.
Пример:
<input type = range name = confidencelevel min = 0 max = 100 step = 5>
Подробное описание: это ограничение используется для обеспечения того, чтобы значение соответствовало требованиям MIN, MAX и Step. Другими словами, текущее значение должно быть суммой кратного минимального значения и значения шага. Например, от 0 до 100 значения функции шага составляет 5, в настоящее время не будет 17, в противном случае StepMismatch вернет истинное значение.
8. Customerror Цель: доставка Код приложения четко устанавливает и вычислить ошибки.
Использование: вызов SetCustomVality (сообщение), чтобы разместить части управления формой в состояние CustomError.
Пример:
PasswordConfirmativeField.SetCustomVality (значения пароля не совпадают.);
Подробные инструкции: когда механизм проверки браузера не применим, необходимо отображать информацию об ошибке проверки. Когда входное значение не соответствует семантическим правилам, код приложения должен установить эти пользовательские проверки сообщений.
Типичным случаем настраиваемого проверки является проверка того, являются ли значения в элементе управления элементом управления. Например, пароли и пароли подтверждают, что значения двух проигравших не совпадают. До тех пор, пока настраивается проверка сообщения, элемент управления будет находиться в неверном состоянии, а пользовательский обертор вернет True. Чтобы удалить ошибку, просто вызовите SetCustomVality () на контроле.
Что ж, приведенное выше - 8 основных методов, подтвержденных только таблицей в HTML5. Я также надеюсь, что все будут поддерживать Vevb wulin.com.