Rails：使用 error_message_on 进行 Ajax 表单验证

Question

我一直在尝试在我的表单中进行一些ajax验证，但遇到了一些麻烦

我的表单中有这样的代码：

<% form_for @user, :html => { :id => 'user_form', :multipart => true } do |f| %>
    <%= f.label :username %><br />
    <%= f.text_field :username %> <%= error_message_on :user, :username %>
  </p>
  <p>
    <%= f.label :email %><br />
    <%= f.text_field :email %> <%= error_message_on :user, :email %>
  </p>
  #other form fields (password and confirmation)
  Type the words below to prove you aren't a robot: <%= recaptcha_tags %>
  <%= error_message_on :user, :base %>
  <p><%= f.submit "Submit" %></p>
<% end %>
<%= observe_form "user_form", :url => users_path %>

如果我不使用ajax，这会很好地显示错误，但我不知道如何通过 ajax 使“error_message_on”部分出现和消失，如果可能的话，通过 onblur 操作。

我的控制器工作正常，所以我不会将代码放在这里。

我想知道是否有人可以在这里填写空白：

在 validate.js.rjs 中：

#enables and disables the submit button on the bottom
if @user.valid?
  page[:user_submit].enable
else
  page[:user_submit].disable
end
page.select('.formError').each(&:remove)
#Some code to add the form error
#Some code to highlight the error field

只是为了让您直观地了解我正在尝试做什么，这是我的 css：

.formError {
  color: #D00;
  font-size: 12px;
  font-weight: bold;
}

.fieldWithErrors input {
  border: 5px solid #f66;
}

Answer 1

我给你的第一条建议是放弃 Rails 表单助手并开始使用 formtastic (http://github.com /justinfrench/formtastic）。我保证您满意，否则退款。

喝完形式化的酷莱德后，您的下一个停靠港应该是有效的（http:// github.com/grimen/validatious-on-rails/）。它与 formtastic（或任何与此相关的表单生成器）配合得非常好，并且应该可以帮助您避免重新发明轮子。

我希望这有帮助！