javascript - 如何在 JavaScript 中验证此正则表达式？

Question

<input id="phone" name="phone" placeholder="(XXX)XXX-XXXX" type="tel"
       pattern="^(?:\(\d{3}\)|\d{3})[- ]?\d{3}[- ]?\d{4}$" required="true"/>

对于不支持 pattern 属性的浏览器，我如何验证该模式是否在 JavaScript 中使用？

感谢您的输入——我尝试了下面的几个选项，但我似乎无法找到任何“真实”的东西——RegExp 在 FireFox 和 Chrome 的 HTML 模式字段中工作。但是当我尝试将它与 javaScript 一起使用时，它总是返回 false？

http://pastebin.com/M0Pdn2Z3

Answer 1

有很多 polyfills这将在旧浏览器中启用此功能:

• nwxforms , 无依赖
• HTML5 Form Shim , 需要 jQuery
• h5Validate , 还需要 jQuery

我推荐 polyfilling——这不会改变现代浏览器的行为，但会在旧浏览器中模拟它。 (旁白:Modernizr polyfills list 太棒了。)

你也可以自己写；其他一些答案显示了这是如何完成的。