Comment changer l'erreur de rails par défaut div "field_with_errors"

Je suis en utilisant la sorcellerie pour l'authentification avec twitter bootstrap.

Je voudrais à mon style de messages d'erreur sur mon formulaire d'inscription dans le style de twitter bootstrap en changeant la valeur par défaut rails <div class="field_with_errors"> qui est ajouté au DOM.

Ce qui est de la convention rails pour faire quelque chose comme ça?

Je suppose que vous pourriez ajouter un peu de javascript qui manipule le DOM pour renommer <div class="field_with_errors">mais c'est un hack. Il semble qu'il devrait y avoir un moyen de remplacer ce dans les rails, mais je ne vois pas où le faire.

C'est de cette façon bootstrap nécessite que vous marquez votre erreur d'utiliser ses construit en forme les styles d'erreur:

<div class="control-group error">
  <label class="control-label" for="inputError">Input with error</label>
  <div class="controls">
    <input type="text" id="inputError">
    <span class="help-inline">Please correct the error</span>
  </div>
</div>

source d'informationauteur Lee McAlilly

  1. 24

    À partir du lien ci-dessus, si vous mettez le texte suivant à l'intérieur class Application < Rails::Application de config/application.rb

    config.action_view.field_error_proc = Proc.new { |html_tag, instance| 
  "<div class=\"field_with_errors control-group error\">#{html_tag}</div>".html_safe
}

    Vos balises input aura un marqueur rouge autour d'eux à chaque fois que la validation échoue

  2. 1

    Pour Bootstrap 3.2 vous pouvez utiliser les géohelminthiases. comme ceci (ajouter nokogiri joyau à votre Gemfile):

    ActionView::Base.field_error_proc = Proc.new do |html_tag, instance|
  html = %(<div class="field_with_errors">#{html_tag}</div>).html_safe
  # add nokogiri gem to Gemfile

  form_fields = [
    'textarea',
    'input',
    'select'
  ]

  elements = Nokogiri::HTML::DocumentFragment.parse(html_tag).css "label, " + form_fields.join(', ')

  elements.each do |e|
    if e.node_name.eql? 'label'
      html = %(<div class="control-group has-error">#{e}</div>).html_safe
    elsif form_fields.include? e.node_name
      if instance.error_message.kind_of?(Array)
        html = %(<div class="control-group has-error">#{html_tag}<span class="help-block">&nbsp;#{instance.error_message.uniq.join(', ')}</span></div>).html_safe
      else
        html = %(<div class="control-group has-error">#{html_tag}<span class="help-block">&nbsp;#{instance.error_message}</span></div>).html_safe
      end
    end
  end
  html
end

    Placer ce code à l'intérieur de config/initializers/field_error_proc.rb fichier (en créer un si n'existe pas)

    C'est légèrement modifié le code à partir de: Primordial ActionView::Base.field_error_proc dans les Rails

  3. 1

    Twitter Bootstrap 3.3.6 sur Rails 5, cela va dans un initialiseur customize_error.rb et fonctionne pour moi: 

    ActionView::Base.field_error_proc = proc { |html_tag, _instance| "<div class=\"has-error\">#{html_tag}</div>".html_safe }
  4. 0

    Notez que si vous utilisez SimpleForm, l'on a accepté la réponse de à l'aide d'une Proc en application.rb ne fonctionne pas. Au lieu de cela, vous devez éditer le simple_form initialiseur. Par exemple en utilisant Bootstrap 3.2: 

    config.wrappers :default, class: :input,
  hint_class: :field_with_hint, error_class: :'has-error' do |b|
  [...]
  b.use :hint,  wrap_with: { tag: :span, class: :'text-warning' }
  b.use :error, wrap_with: { tag: :span, class: :'text-danger' }
end