How do you customize Ruby on Rails validation errors?

Question

Currently when there is a validation error, a div with class="field_with_errors" gets rendered in my form:

<form method="post" action="/users" accept-charset="UTF-8">
  <div class="field_with_errors">
    <input id="user_email" type="text" value="[email protected]" name="user[email]">
  </div>
  <input id="user_password" type="password" value="mypass" size="30" name="user[password]">
  <input id="user_submit" type="submit" value="Submit" name="commit">
</form>

Without the use of an additional gem and in a Rails 3 environment, is there a way to modify how the validation error is rendered? For example, I want the validation error div to be rendered after the input tag with the error:

<input id="user_email" type="text" value="[email protected]" name="user[email]"><div class="field_with_errors"></div>

Also, is there a way to render a specific error? If it was an email error, then render the div after the input textbox and produce a "Re-enter your email" message.

(Most of the searches I have done so far use gems as the solution.)

Mayur Shah · Accepted Answer · 2019-04-11 19:02:05Z

5

1.You can remove the field_with_errors wrapper by overriding ActionView::Base.field_error_proc.It can be done by putting this in your config/application.rb:

config.action_view.field_error_proc = Proc.new { |html_tag, instance| "#{html_tag}".html_safe }

Refer

Rails 3: "field-with-errors" wrapper changes the page appearance. How to avoid this?

2.You can display error message on specific field.

<input id="user_email" type="text" value="[email protected]" name="user[email]">
<% if @user.errors.on(:email).present? %>
   <span class="error">Re-enter your email(or)<%= @user.errors.on(:email) %></span>
<% end %>

Then in your CSS

.error {
  color: red;
}

edited Apr 11, 2019 at 19:02

Mayur Shah

3,4571 gold badge24 silver badges44 bronze badges

answered Apr 18, 2012 at 5:12

Soundar Rathinasamy

6,7166 gold badges32 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How do you customize Ruby on Rails validation errors?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related