I have a form that is hidden on page load, but displayed on a click event using javascript.
This is problematic when validation errors occur, as the form is hidden again after the failed submission.
Is there a way I can easily check if there is an error, and display a message in my template?
I found a decent solution for this, that also takes care of the confirmation message.
In my functions file I check to see if the for is submitted. Within my logic, I used the wp_footer hook to print a little javascript to scroll down to the bottom of the page, and show the form.
So here is the entirety of my solution, all in the functions file without touching the template:
if ( $_POST[ 'is_submit_1' ] == true ) :
add_action( 'wp_footer', function()
{ ?>
<script>
$('html, body').animate({scrollTop:$(document).height()}, 'slow');
$( '.contact_form' ).toggle( 'slow' );
</script>
<?php }, 99999);
endif;Thanks for posting!
That js actually needs a wrapper, but you get the idea. Too late to edit.
