php - symfony:如何将屏幕放在窗体错误上？

Question

我的一些网页很长，在页面底部有一个表格。发送未通过验证的表单后，我将返回到页面顶部，这对用户来说不是很友好。

我想找到一种方法，在出现错误后将滚动条放在错误上，或者至少放在表单的顶部。

有人知道控制它的方法吗？

我做到了，使用 javascript:

{% if not form.vars.valid %}
    window.location.hash = 'form';
{% endif %}

我觉得不是很干净。你知道另一种方法吗？

Answer 1

您可以使用 autofocus HTML 属性。不需要 JavaScript 来实现这一点。

<input type="text" name="field_name" autofocus>

可以这样添加属性:

{{ form_row(form.field_name, {'attr': {'autofocus': null}}) }}

检查字段错误的简单实现可能如下所示:

{% if form.field_name.vars.errors|length %}
  {{ form_row(
       form.field_name, 
       form.field_name.vars|merge({'attr': {'autofocus': null}})
     ) 
  }}
{% else %}
  {{ form_row(form.field_name) }}
{% endif %}