ruby-on-rails - client_side_validations '未定義のプロパティ 'user[email]' を読み取れません'

Question

それで、gem を機能させようとしてclient_side_validationsいますが、メール フィールドからタブで移動すると、次のエラーが表示されます。

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| %>

この解決策はこちらで見つかりました。

Answer 2

次の#263 Client Side Validationsをご覧ください。これは役立つはずです。