Ошибка (div class= "fieldWithErrors" ) обходной путь?

В моем проекте у меня есть регистрационная форма.

Мой HTML выглядит как

    <form method="post" action="/users">
<div style="margin: 0pt; padding: 0pt;">
<input type="hidden" value="lDHrKRC2ENhRKcaoBR4XGfzri/MY09PjqVDvHRtC0D4=" name="authenticity_token"/>
</div>    
<p><label for="login">Login</label>
        <input type="text" size="30" name="user[login]" id="user_login"/></p>

        <p><label for="email">Email</label>
        <input type="text" size="30" name="user[email]" id="user_email"/></p>

        <p><label for="password">Password</label>
        <input type="password" size="30" name="user[password]" id="user_password"/></p>

        <p><label for="password_confirmation">Confirm Password</label>
        <input type="password" size="30" name="user[password_confirmation]" id="user_password_confirmation"/></p>

        <p><input type="submit" value="Sign up" name="commit"/></p>
      </form>

Теперь, генерируя ошибку, отправив пустую форму, мой код выглядит следующим образом:

    <form method="post" action="/users">
<div style="margin: 0pt; padding: 0pt;"><input type="hidden" value="lDHrKRC2ENhRKcaoBR4XGfzri/MY09PjqVDvHRtC0D4=" name="authenticity_token"/>
</div>    
<p><label for="login">Login</label>
        </p><div class="fieldWithErrors"><input type="text" value="hg" size="30" name="user[login]" id="user_login"/></div>

        <p><label for="email">Email</label>
        </p><div class="fieldWithErrors"><input type="text" value="gh" size="30" name="user[email]" id="user_email"/></div>

        <p><label for="password">Password</label>
        </p><div class="fieldWithErrors"><input type="password" value="gh" size="30" name="user[password]" id="user_password"/></div>

        <p><label for="password_confirmation">Confirm Password</label>
        <input type="password" value="gh" size="30" name="user[password_confirmation]" id="user_password_confirmation"/></p>

        <p><input type="submit" value="Sign up" name="commit"/></p>
      </form>

это разрушит мой макет. Существует ли решение, выполняющее

<input type="text" value="gh" size="30" name="user[email]" class="fieldWithErrors" id="user_email"/>

вместо

<div class="fieldWithErrors"><input type="text" value="gh" size="30" name="user[email]" id="user_email"/></div>

?

Ответ 1

Создайте новый инициализатор, например /config/initializers/field_error.rb:

ActionView::Base.field_error_proc = Proc.new do |html_tag, instance_tag|
  if html_tag =~ /<(input|textarea|select)[^>]+class=/
    class_attribute = html_tag =~ /class=['"]/
    html_tag.insert(class_attribute + 7, "fieldWithErrors ")
  elsif html_tag =~ /<(input|textarea|select)/
    first_whitespace = html_tag =~ /\s/
    html_tag[first_whitespace] = " class='fieldWithErrors' "
  end
  html_tag  
end

Райан Бэйтс рассказал об этом в эпизод Railscast 39

Ответ 2

Это ошибка в том, как Rails показывает ошибки формы. Это старая и известная проблема с Rails: https://rails.lighthouseapp.com/projects/8994/tickets/1626-fieldwitherrors-shouldnt-use-a-div

Почему это все еще не решено, для меня загадка. Я предполагаю, что это одна из тех многих мелочей, которые вам нужно переопределить вручную в Rails. Определенно попробуйте обходное решение Джона Топли. Или исправьте его в локальном коде Rails и отправьте это как патч для Rails.

Ответ 3

Возможно, вам стоит подумать об использовании formtastic http://github.com/justinfrench/formtastic.

Ответ 4

Railscast - это путь, но вам нужно его обновить для Rails 3.x.

добавьте это в конец вашей среды. rb

ActionView::Base.field_error_proc = Proc.new do |html_tag, instance_tag|
  "<span class='field_error'>#{html_tag}</span>".html_safe
end

Откажитесь от приложения rails и вы будете установлены.