ruby-on-rails - client_side_validations 'Cannot read property ' 用户[电子邮件 ]' of undefined'

Question

所以我试图让 client_side_validations gem 工作，当我跳出我的电子邮件字段时，我收到此错误:

Uncaught TypeError: Cannot read property 'user[email]' of undefined 

这是我的表单助手:

<%= form_for(resource, :as => resource_name, :class => "send-with-ajax", :url => user_registration_path(resource), :validate => true) do |f| %>
      <%= f.email_field :email, :id => "form-email", :placeholder => "your-email@address.com", :input_html => {:autofocus => true}, :validate => true %>                
      <%= f.submit :label => "Submit", :value => "Sign Me Up!"  %>
      <div class="ajax-response"><%= devise_error_messages! %></div>
<% end %>

生成此 HTML:

<form accept-charset="UTF-8" action="/users" class="new_user" data-validate="true" id="new_user" method="post" novalidate="novalidate">
     <input name="utf8" type="hidden" value="&#x2713;" />
     <input name="authenticity_token" type="hidden" value="9JdqaiushdauhsdioauhdoiuhNLSAVCGrc+PLJAQ=" />
     <input data-validate="true" id="form-email" input_html="{:autofocus=&gt;true}" name="user[email]" placeholder="your-email@address.com" size="30" type="email" />
     <input label="Submit" name="commit" type="submit" value="Sign Me Up!" />
     <div class="ajax-response"></div>
</form>

编辑 1: 即使我将表单助手从 f.email_field :email 更改为 f.text_field :email...我仍然收到此错误。

Answer 1

所以我找到了解决方案，似乎 client_side_validations 或 devise 正在改变表单的 id - 这会破坏 JS验证。

所以解决方案是强制执行表单的 id，所以我的 form_for 助手现在看起来像这样:

<%= form_for(resource, :as => resource_name, :class => "send-with-ajax", :url => user_registration_path(resource), :validate => true, :html => { :id => 'user_new' }) do |f| %>

我找到了这个 solution here .