Ajout de la classe de formulaire non valide erreurs dans symfony2

Je veux personnaliser la gestion d'erreur dans symfony2 formes.
Si une erreur s'est produite, le champ de saisie doit avoir une autre classe pour montrer que la valeur d'entrée n'est pas correcte.

Comment puis-je faire cela?
Je sais que j'ai pour personnaliser le rendu du modèle, mais je ne sais pas vraiment comment faire. Dois-je personnaliser tous les modèles d'entrée? Et comment puis-je vérifier si l'entrée contient des erreurs?

OriginalL'auteur Johannes Klauß | 2012-07-23

  1. 3

    Vous pouvez utiliser les thèmes de formulaire et remplacer le thème par défaut. Ex. Voir comment MopaBootstrapBundle thème s'appliquent exactement ce que vous voulez en utilisant Twitter Bootstrap philosophie.

    OriginalL'auteur smoreno

  2. 13

    Si vous ne voulez pas utiliser des formulaires personnalisés, vous pouvez faire quelque chose comme ceci (j'ai Symfony 2.6 et Bootstrap 3):

        <div class="form-group {% if not form.YOUR_ELEMENT.vars.valid %}has-error{% endif %}">
        {{ form_label(form.YOUR_ELEMENT) }}
        {{ form_widget(form.YOUR_ELEMENT) }}
    </div>
    Merci pour ça, c'est exactement ce que je cherchais.

    OriginalL'auteur g.adam

  3. 6

    Voici ma solution avec un formulaire personnalisé thème. J'ai copié la norme widget_attributes bloc et ajouté le code entre {# ADD ERROR START #} et {# ADD ERROR END #}. Il vous suffit de remplacer la valeur {% set errorClass = 'error' %} avec votre classe d'erreur.

    Cette solution ajoute l'erreur spécifiée en classe à tous les widgets avec des erreurs.

    {% block widget_attributes %}
    {% spaceless %}
        {# ADD ERROR START #}
        {% if errors|length > 0 %}
            {% set errorClass = 'error' %}
            {% if attr.class is defined %}
                {% set errorClass = errorClass ~ ' ' ~ attr.class %}
            {% endif %}
            {% set attr = attr|merge({'class': errorClass}) %}
        {% endif %}
        {# ADD ERROR END #}
        id="{{ id }}" name="{{ full_name }}"
        {%- if read_only %} readonly="readonly"{% endif -%}
        {%- if disabled %} disabled="disabled"{% endif -%}
        {%- if required %} required="required"{% endif -%}
        {%- if max_length %} maxlength="{{ max_length }}"{% endif -%}
        {%- if pattern %} pattern="{{ pattern }}"{% endif -%}
        {%- for attrname, attrvalue in attr -%}
            {{ - " " - }}
            {%- if attrname in ['placeholder', 'title'] -%}
                {{ - attrname }}="{{ attrvalue|trans({}, translation_domain) }}"
            {%- elseif attrvalue is sameas(true) -%}
                {{ - attrname }}="{{ attrname }}"
            {%- elseif attrvalue is not sameas(false) -%}
                {{ - attrname }}="{{ attrvalue }}"
            {%- endif -%}
        {%- endfor -%}
    {% endspaceless %}
{% endblock widget_attributes %}

    OriginalL'auteur Orfeo

  4. 0

    Comme l'a dit d'utiliser le formulaire de la thématisation.
    Vous pouvez utiliser le parent() macro pour éviter la duplication de code:

    {%- block widget_attributes -%}
    {% if errors|length > 0 %}
        {% set _class = 'has-error' %}
        {% if attr.class is defined %}
           {% set _class = _class ~ ' ' ~ attr.class|trim %}
        {% endif %}
        {% set attr = attr|merge({'class': _class}) %}
    {% endif %}
    {{ - parent() - }}
{%- endblock widget_attributes -%}

    OriginalL'auteur quazardous