Я пытался получить некоторые проверки 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, но я не уверен, как заставить часть "error_message_on" появляться и исчезать через ajax, через действие 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;
}