Введенные значения HTML5 valide

Question

Я только что использовал атрибут шаблона HTML5 в начале проверки на клиентской стороне регистрационной формы. Он работает хорошо, и я планирую использовать его для живого кода.

В моей регистрационной форме у меня есть поле ввода re-enter password.

Как я думаю, значения повторного ввода используются так часто, что мне было интересно: существует ли какой-то причудливый механизм HTML5, чтобы проверить, соответствует ли вновь введенное значение первому введенному значению. Или мне еще нужно сделать это в JavaScript?

Answer 1

Не совсем.

В HTML5 представлен элемент <output>, который должен представлять результат некоторых вычислений (например, сравнение двух значений). Вы можете использовать свой атрибут for, чтобы связать его со входами на странице, которые влияют на его результат. Вот в чем проблема:

• Для выполнения расчетов вам все еще нужен JavaScript.
• Механизм рендеринга Firefox (Gecko) позволяет указать ограничения на достоверность и сообщения об ошибках для <output>(see this page from the Mozilla documentation), но другие механизмы рендеринга не могут (и, возможно, нет).
• Проверка формы HTML5 (и в целом HTML5-функции) не поддерживается во многих очень часто используемых браузерах. Например, anyone visiting your site using Internet Explorer < 10 or using most mobile browsers won't be able to use the form validation.

Если вы хотите, чтобы обеспечить мгновенную обратную связь проверки, лучше всего использовать JavaScript, будучи уверенным, что вы еще раз проверить данные на сервере.