确定当前浏览器是否支持`<input type ="email"..(例如)?的最简单方法是什么?

Tzu*_*hay 5 javascript validation html5 cross-browser

使用HTML5,以下标记就足以让浏览器处理输入验证.

它将验证输入是否与电子邮件地址格式匹配以及实际提供的格式:

<input id="email" name="email" type="email" placeholder="Email address" required/>
Run Code Online (Sandbox Code Playgroud)

没有必要挂钩事件,既不是输入框也不是提交按钮,就好了.

我正在寻找一种方法来决定浏览器是否已经支持此功能,或者我应该自己处理输入验证.

我想知道是否有办法直接推进,或者我是否应该保留所有可能的品牌 - 版本组合和支持标志的表格.

Tzu*_*hay 4

正如 @deceze 所提到的,检测技术在此处进行了描述,工具是现代化的

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