Focus on error field

  • Riccardo79

    (@riccardo79)


    9 months ago

    Hello, is it possible to put the focus on the firs errored field in CF7?

    In the form in this page: https://banliguria.org/ban-start-up/ when you click on the submit form, the page is reloaded and shown from the top.

    It would be nice that the focus is put on first error field, or in the error message on the bottom of the page.

    Please let me know if it’s possible, thanks.

    Note that I had to add this line in theme functions.php, otherwise the form is stuck and does not work:

    add_filter( 'wpcf7_load_js', '__return_false' );

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Takayuki Miyoshi

    (@takayukister)

    9 months ago

    That is not important now. The site has more fundamental issues you should fix first.

    Thread Starter Riccardo79

    (@riccardo79)

    9 months ago

    Thanks for suggestion, please, what kind of problems are you talking about?

    Let me know, as I didn’t do the UI/UX design, I just develop and maintain the wordpress platform.

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    9 months ago

    Check the errors in the browser console yourself.

    Thread Starter Riccardo79

    (@riccardo79)

    8 months, 3 weeks ago

    Ok, I’ll check and fix the site errors.

    So, in this other site, that has no errors, how can I focus on the first errored field instead that on top of form? Thanks

    https://crazydrivers.it/iscrizione-gara-off-road/

    Plugin Author Takayuki Miyoshi

    (@takayukister)

    8 months, 3 weeks ago

    In fact, it has another set of issues as well. Which version of WordPress and which version of the Contact Form 7 plugin do you use on the site?

    Thread Starter Riccardo79

    (@riccardo79)

    8 months, 2 weeks ago

    I’m using the following versions:

    banliguria.org: WP: 6.8.3, CF7: 6.1.2, theme Agora Child (Elementor 3.32.4), Agora Main: 1.5.0

    crazydrivers.it: WP: 6.8.3, CF7: 6.1.2, theme Divi Child, Divi Main: 4.27.4

    Let me know if you need further info, thanks

    Thread Starter Riccardo79

    (@riccardo79)

    8 months, 2 weeks ago

    Furthermore, on banliguria.org we’re using:

    Conditional Fields for Contact Form 7

    Store file uploads for Contact Form 7

    Ultra Addons for Contact Form 7

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Focus on error field’ is closed to new replies.