Какой самый простой способ определить,

Question

В HTML5 следующей разметки достаточно, чтобы получить проверку ввода для браузера.

Он проверит, что ввод соответствует формату адреса электронной почты, а также что он фактически предоставлен:

<input id="email" name="email" type="email" placeholder="Email address" required/>

Нет необходимости подключать события ни для поля ввода, ни для кнопки отправки, просто отлично.

Я ищу способ решить, поддерживает ли браузер эту функцию, или я должен сам выполнить проверку ввода.

Интересно, есть ли способ сделать это прямо, или я буду вести таблицу всех возможных комбинаций брендов и версий и поддерживаемого флага.

Answer 1

Как уже упоминалось @deceze, метод обнаружения описан в здесь , а инструмент - modernizr

if (!Modernizr.inputtypes.email) {
  // no native support for <input type="email"> :(
  // maybe build one yourself with Dojo or jQueryUI
}

Answer 2

Вы можете проверить тип ввода из библиотеки modernizr, как упоминалось в «Цуры», но вот список браузеров и их версий, которые поддерживают новые элементы ввода html5.

Растет поддержка браузерами форм HTML5, но ограничено.Похоже, что многие производители браузеров, кроме Opera, еще не приложили значительных усилий к своим новым элементам управления формой.Однако в последнее время браузеры WebKit увеличили поддержку форм, возможно, из-за появления iPhone и его виртуальной клавиатуры, как мы вскоре увидим.Более продвинутые функции, такие как проверка, только вводятся.Таблица 7-1 суммирует текущее состояние поддержки форм HTML5 сегодня.

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

Для справки вы можете проверить этокнига на Amazon Apress Pro HTML5 Программирование сентябрь 2010