Jquery Validate 不适用于 HTML 5？答案

【问题标题】：Jquery Validate not Working Well with HTML 5?Jquery Validate 不适用于 HTML 5？
【发布时间】：2011-10-12 01:32:02
【问题描述】：

我是 Rails 和 Javascipt 的新手。

由于 HTML 5 验证阻止 jquery validate 插件，我在电子邮件字段上使用 Jquery validate 时遇到了问题（电子邮件字段变为红色轮廓而没有消息）。所以我有两个问题。

1.) 我有这个表单（来自 devise），如何添加 novalidate？

= form_for(resource, :as => resource_name, :url => registration_path(resource_name)) 做 |f|

2.) 我也尝试过使用 javascript 添加 novalidate，电子邮件字段仅在提交表单时才被验证，而不是关注焦点（这是我想要的），但其他字段验证很好。有人有同样的问题吗？

提前致谢！

【问题讨论】：

你能发布最终生成的 HTML 吗？
这是为haml表单生成的html，
如果您使用带有 HTML“电子邮件”字段的 jquery-validate，您可能会遇到与 this question 相同的问题。

标签： jquery ruby-on-rails html jquery-validate validation

【解决方案1】：

有novalidate属性：

novalidate 属性指定表单不应该提交时验证。

form_for(resource, 
         :as => resource_name, 
         :url => 
         registration_path(resource_name), 
         :html => {:novalidate => 'novalidate'}) do |f|

【讨论】：

我试过添加这个，但电子邮件字段不会在焦点之外验证，只能在表单提交时验证..

【解决方案2】：

更新：

我从 ig0774 的链接中得到这个

这解决了问题！

https://github.com/jzaefferer/jquery-validation/pull/108/files

【讨论】：