html5表单验证（不提交）

Question

我有一个出现在我的应用程序中的模态div，它包含表单元素，但我不想提交表单，这些值会写入页面上的其他DOM元素。

但是，我希望在允许执行“确定”操作之前确保此模式中的字段有效。

我需要这个在IE9中工作（IIRC不支持.checkValidity()）

所以，我要问的是，当我点击“确定”按钮（不是“提交”按钮）时，如何在不提交的情况下验证并显示此表单上的内容无效。

我更愿意使用尽可能多的html5功能（<input required />等）。

JsFiddle：http://jsfiddle.net/gibble/AtHas/

Answer 1

JQuery有一个用于验证的插件，可用于处理您要完成的任务。

http://docs.jquery.com/Plugins/Validation

Answer 2

以下是类似问题的链接：

What javascript fallback does best simulate html5 form validation

html5中的表单验证在所有浏览器中都不起作用，我们只需要等待，并在此期间实现javascript。