Symfony:在验证失败时向表单元素添加自定义类？

Question

当Symfony发现您的表单无效时，它会再次显示表单，但会为每个未通过验证的元素添加错误。错误基本上就是无序列表：

<label>First Name</label>
<ul class='error-list'>
  <li>Required.</li>
</ul>
<input type='text' name='first_name'/>

我正在尝试弄清楚是否有某种方法可以强制Symfony在元素验证失败时也向我想要的任何元素添加自定义类。例如，当验证失败时，将class='error'添加到我的label或input。这样我就可以设计这些元素的样式了。

我开始研究表单模式装饰器，但乍一看似乎没有办法。但我可能错了。

有什么办法可以做到这一点吗？

Answer 1

如果您的应用程序需要启用javascript，那么最简单、更灵活的方法是使用javascript动态地通过某些类/属性。例如，您可以使用如下脚本

jQuery(document).ready(function($){

    if($('.sf_admin_form .error_list').length>0 ){ // style if erro is present

        $('.sf_admin_form .error_list').each(function(){
            // label of fields with error should be bold and red
            $(this).prev('label').css('font-weight', 'bold');
            $(this).prev('label').css('color', 'red');
        });

    }

});

如果不需要启用javascript，那么您可以选择使用自定义表单格式化程序。下面是一个示例。

/**
 * Class derived from Table formatter, renders customized version if the row has errors.
 *
 * @package    symfony
 * @subpackage widget
 * @author     Paulo R. Ribeiro <paulo@duocriativa.com.br>
 */
class sfWidgetFormSchemaFormatterCustom extends sfWidgetFormSchemaFormatter
{
  protected  
    $rowFormat       = "<tr>\n  <th>%label%</th>\n  <td>%error%%field%%help%%hidden_fields%</td>\n</tr>\n",
    // THIS IS NEW 
    $rowWithErrorsFormat  = "<tr class='has-errors'>\n  <th class='has-errors'>%label%</th>\n  <td class='has-errors'>%error%%field%%help%%hidden_fields%</td>\n</tr>\n",
    //
    $errorRowFormat  = "<tr><td colspan=\"2\">\n%errors%</td></tr>\n",
    $helpFormat      = '<br />%help%',
    $decoratorFormat = "<table>\n  %content%</table>";

    $errorListFormatInARow     = "  <ul class=\"error_list\">\n%errors%  </ul>\n",
    $errorRowFormatInARow      = "    <li>%error%</li>\n",
    $namedErrorRowFormatInARow = "    <li>%name%: %error%</li>\n",


  public function formatRow($label, $field, $errors = array(), $help = '', $hiddenFields = null)
  {
    if(count($erros)==0){  // no errors, renders as usual

        return strtr($this->getRowFormat(), array(
          '%label%'         => $label,
          '%field%'         => $field,
          '%error%'         => $this->formatErrorsForRow($errors),
          '%help%'          => $this->formatHelp($help),
          '%hidden_fields%' => null === $hiddenFields ? '%hidden_fields%' : $hiddenFields,
        ));

    } else {  // has errors, through in some classes

        return strtr($this->getRowWithErrorsFormat(), array(
          '%label%'         => $label,
          '%field%'         => $field,
          '%error%'         => $this->formatErrorsForRow($errors),
          '%help%'          => $this->formatHelp($help),
          '%hidden_fields%' => null === $hiddenFields ? '%hidden_fields%' : $hiddenFields,
        ));


    }

  }


  public function getRowWithErrorsFormat()
  {
    return $this->rowWithErrorsFormat;
  }


}

要为所有表单启用自定义格式化程序，请使用ProjectConfiguration类对其进行设置。

// /config/ProjectConfiguration.class.php
class ProjectConfiguration extends sfProjectConfiguration
{
  public function setup()
  {
    /// CODE FOR ENABLING PLUGINS...

    // configure your default form formatter
    sfWidgetFormSchema::setDefaultFormFormatterName('custom');
  }
}

Answer 2

我使用hasError()方法找到了另一个解决方案。

<?php if ($form['email']->hasError()) {
  echo $form['email']->render( array('class'=>'error') );
} else {
  echo $form['email']->render();
} ?>

显然，hasError()会检查该表单元素是否存在错误。

Answer 3

您可以全局覆盖form_label块，而不是将条件应用于每个表单域：

{%- block form_row -%}
    <div>
        {{- form_label(form) -}}
        {{- form_widget(form) -}}
    </div>
{%- endblock form_row -%}

{%- block form_label -%}
    {% if label is not sameas(false) -%}
        {% if not compound -%}
            {% set label_attr = label_attr|merge({'for': id}) %}
        {%- endif %}
        {% if required -%}
            {% set label_attr = label_attr|merge({'class': (label_attr.class|default('') ~ ' required')|trim}) %}
        {%- endif %}
        {% if label is empty -%}
            {%- if label_format is not empty -%}
                {% set label = label_format|replace({
                    '%name%': name,
                    '%id%': id,
                }) %}
            {%- else -%}
                {% set label = name|humanize %}
            {%- endif -%}
        {%- endif -%}
        {% if errors|length > 0 %}
            {% set label_attr = label_attr|merge({'class': (label_attr.class|default('') ~ ' error_class')|trim}) %}
        {% endif %}
        <label{% for attrname, attrvalue in label_attr %} {{ attrname }}="{{ attrvalue }}"{% endfor %}>{{ label|trans({}, translation_domain) }}</label>
    {%- endif -%}
{%- endblock form_label -%}

在您的配置中：

twig:
    form:
        resources:
            - 'Form/fields.html.twig'