Form submissuon: how to scroll to the first error?

Hey vividus7,
If you are able to adjust the return url, or form action url, for your form you could add the id #ajaxresponse_1 to the end of the url.
If this is not an option, you could try using jquery to set the focus:

<script type="text/javascript"> 
    $(document).ready(function(){ 
        setTimeout("try{document.getElementById( 'ajaxresponse_1' ).focus();}catch(error){}",100); 
    }); 
</script>

Here is another possible solution: Scroll to top after Ajax content load

Best regards,
Mike

Hi,
This seems to work for me, but the form is much smaller so it’s hard to tell. Please try on the other form.

Best regards,
Mike

Hi,
I have asked the rest of the team to take a look, thanks for your patience.

Best regards,
Mike

Hi,
I found this script that will scroll to the top of the page and changed it to be triggered by the submit button. What is nice about this is your can change “scrollTop: 0” to “scrollTo 100” and it will stop 100px from the top of the page, meaning you can adjust where on your page you want it to stop. And it’s not dependent on the ajax ID getting caught.
I tested it on my localhost and it seems to work.
Try adding this code to the end of your functions.php file in Appearance > Editor:

function add_custom_scroll(){
?>
<script>
$(document).ready(function () {

    $('input.button').click(function () {
        $("html, body").animate({
            scrollTop: 0
        }, 600);
        return false;
    });

});
</script>
<?php
}
add_action('wp_footer', 'add_custom_scroll');

Best regards,
Mike

Hi,
That’s great news! Sorry it took so long, thanks for your patience.
Is there anything else we can assist with on this issue, or shall we close this then?

Best regards,
Mike

Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.

Best regards,
Mike