HTML5表单验证（无需提交）

Question

我有一个模态框出现在我的应用程序中，其中包含表单元素，但我不想提交表单，而是将值写入页面上的其他DOM元素。但是，在执行“确定”操作之前，我需要确保此模态框中的字段有效。我需要在IE9中实现此功能（我记得它不支持.checkValidity()）。因此，我的问题是，当我点击“确定”按钮（而不是提交按钮）时，如何验证此表单并显示无效内容，而不进行提交。我希望尽可能使用html5功能（例如等）。 JsFiddle：http://jsfiddle.net/gibble/AtHas/

- CaffGeek

---

如果你想让它在各种浏览器中都能正常工作，就要使用JavaScript。如果只使用HTML5，它不会在所有浏览器中都能正常工作。 - Blazemonger

差不多了，它只是还没准备好。 - nycynik

我只需要它在IE9+中运行（Chrome也不错）。 - CaffGeek

Answer 1

jQuery有一个验证插件，可以处理您要完成的内容。 http://docs.jquery.com/Plugins/Validation

- Kevin

---

我实际上使用了jquery.validate.unobtrusive。 - CaffGeek

很高兴它对你起作用了。我真的很喜欢那个插件，它运行得非常好。 - Kevin

Answer 2

这里有一个类似问题的链接：

如何使用JavaScript模拟HTML5表单验证

HTML5中的表单验证并不适用于所有浏览器，我们只能等待，并在此期间实现JavaScript。

- nycynik