Modernizr无法在IE中工作 - HTML5输入字段验证无效

Question

嗨，善良的互联网人，

为什么Modernizr不能在IE中使用简单的HTML5输入字段？

我昨天发布了类似的内容，但似乎没有明确地解释这个问题，因为答案似乎指向加载/引用更多的库来填充/使用IE浏览器。

这是我的页面：http://www.msa.saccounty.net/utilitybilling/streetview/TestHTML5pagev6.aspx

我正在尝试使用HTML5验证帐号的输入，如下所示：

<label for="account">Account Number: </label> 
<input id="account" name="inputAccount" 
 placeholder="input billing account number" 
 pattern="/(^500)|^\d{11}" 
 required
 autofocus
 type="text"/>

如果我正确地理解了事情，通过在我的页面上引用Modernizr，HTML5应该只在旧的浏览器中工作，包括IE？...或者我是天真的？...如果Modernizr没有真正解决任何问题IE，然后我有点迷惑所有的炒作。

事情在Firefox，Chrome，Safari中运行良好......但不是在IE8中。那么我对Modernizr可能做错了什么？...理论上我不应该使用另一个js库来使HTML5在IE中工作。

提前致谢

Answer 1

Modernizr 不会使HTML5在浏览器中“正常工作”，但允许您检测 HTML5功能，这样您就可以利用HTML5获得旧浏览器的后备解决方案浏览器中做了解它们的功能。

功能 detection ，仅此用于progressive enhancement。基本上，您使用Modernizr来检查功能是否存在。如果是这样，请使用它。如果不是 - 使用后备

Answer 2

请阅读first paragraph of the Modernizr documentation：

  

Modernizr是一个小型JavaScript库，检测下一代Web技术的本机实现的可用性，即源自HTML5和CSS3规范的功能。其中许多功能已经在至少一个主要浏览器中实现（大多数都在两个或更多），并且 Modernizr所做的非常简单，告诉您当前浏览器是否具有本机实现的此功能。 /强>

（我最后强调[他们的开头]。）

炒作是所有这些功能检查都是预先构建的，全面的，维护的，并且（在某些情况下）是非平凡的。