Contact form error not displaying unless refresh page

Store Design
1

Hi,

The email form error does not display unless you manually refresh the page after clicking the submit button.

Does anyone have some javascript to automatically perform this?

Thanks

2 
{%- if form.errors -%}
                

                  {{- form.errors | default_errors -}}
                

            {%- endif -%}

you can add this to try.

3

Thanks but it’s the same problem.

Here is the current code (Dawn theme):

{%- if form.errors contains ‘email’ -%}

{{ ‘accessibility.error’ | t }}
{% render ‘icon-error’ %}{{ form.errors.translated_fields[‘email’] | capitalize }} {{ form.errors.messages[‘email’] }}

{%- endif -%}

Both pieces of code work in that they display the error message correctly, but only after you refresh the page. Without a page refresh, you are returned to the form and it displays the error text entered in the email field only (all other fields have been cleared) then when you refresh the page the above codes work and display the error.