Twig şablonlarında form hatalarını göstermek

26/05/2015 - TWIG

Aşağıdaki bilgiler bize twig şablonlarında form hatalarını nasıl göstereceğimizi öğretir.


İpucu


Öncelikle form değişkenini {{ dump(form) }} kodu ile ekrana döktüğünüzde, bizim için ne kadar bilgi sakladığını göreceksiniz.


Eğer error_bubbling false olarak ayarlanırsa


Bu varsayılandır ve form hatalarını tek tek göstermek için kullanılır. Üç farklı şekilde kullanılır.


FormType


public function buildForm(FormBuilderInterface $builder, array $options = [])
{
    $builder
        ->add('code', 'text', ['required' => false])
        ->add('name', 'text', ['required' => false]);
}

Twig


{% extends '::base.html.twig' %}

{% block body %}
    {% spaceless %}
        {{ form_start(form, {'method': 'POST', 'action': path('country_create')}) }}
    
            {% if not form.vars.valid %}
                <ul style="border: 1px solid red">
                    {% if form_errors(form.code) !='' %}<li>{{ form_errors(form.code)|striptags }}</li>{% endif %}
                    {% if form_errors(form.name) !='' %}<li>{{ form_errors(form.name)|striptags }}</li>{% endif %}
                </ul>
            {% endif %}

            <ul style="border: 1px solid red">
                {% if form.code.vars.errors|length != '' %}
                    <p>{{ form_errors(form.code)|striptags }}</p>
                {% endif %}

                {% if form.name.vars.errors|length != '' %}
                    <p>{{ form_errors(form.name)|striptags }}</p>
                {% endif %}
            </ul>

            <ul style="border: 1px solid red">
                <p>CODE: {{ form_widget(form.code) }}{{ form_errors(form.code) }}</p>
                <p>NAME: {{ form_widget(form.name) }}{{ form_errors(form.name) }}</p>
            </ul>

            <p><button name="button">Submit</button></p>
        {{ form_end(form) }}
    {% endspaceless %}
{% endblock %}

Sonuç



Eğer error_bubbling true olarak ayarlanırsa


Bu form hatalarını hep birlikte göstermek için kullanılır ama tek tek göstermek içinde kullanabiliriz..


FormType


public function buildForm(FormBuilderInterface $builder, array $options = [])
{
    $builder
        ->add('code', 'text', ['required' => false, 'error_bubbling' => true])
        ->add('name', 'text', ['required' => false, 'error_bubbling' => true]);
}

Twig


{% extends '::base.html.twig' %}

{% block body %}
    {#{% spaceless %}#}
        {{ form_start(form, {'method': 'POST', 'action': path('country_create')}) }}

            {% if form_errors(form) != '' %}

                <div style="border: 1px solid red">
                    {{ form_errors(form) }}
                </div>
            
{% endif %}

            {% if form.vars.errors is iterable %}
                <div style="border: 1px solid red">
                    {% for error in form.vars.errors %}
                        <p>{{ error.origin.name ~ ':' ~ error.message }}</p>
                    {% endfor %}
                </div>
            
{% endif %}

            <ul style="border: 1px solid red">
                <p>CODE: {{ form_widget(form.code) }}</p>
                <p>NAME: {{ form_widget(form.name) }}</p>
            </ul>

            <p><button name="button">Submit</button></p>
        {{ form_end(form) }}
    {#{% endspaceless %}#}
{% endblock %}

Sonuç