Hi Alex,
Thank you for contacting us and I'll be happy to assist.
Your observation is correct and the way the "cred_form_validate" hook works, page reload can't be avoided for validation through it.
From your message, it seems that you're using some script to hide the form, on page reload and then it shows when a button is clicked.
You can try an alternate approach. You'll note that when the form is submitted but there are errors registered through the "cred_form_validate" hook, "_tt" URL parameter is appended to the URL, e.g.
But when the form is submitted successfully without any errors, additional URL parameters are appended:
page-URL/?_tt=1552915291&_success_message=817_1&_target=844#cred_form_817_1
You can use these parameters to detect the current state of the page and show/hide content conditionally using a custom shortcode and the conditional blocks:
( ref: https://toolset.com/documentation/user-guides/conditional-html-output-in-views/using-shortcodes-in-conditions/ )
For example:
add_shortcode('show_form_content', 'show_form_content_func');
function show_form_content_func() {
if( (!isset($_GET['_tt'])) || (!empty($_GET['_success_message'])) ) {
return 'true';
}
else
{
return 'false';
}
}
The above shortcode will return 'true' when the page has reloaded for the first time or if the form has been submitted successfully and 'false' when the form has been submitted, but there are validation errors.
Note: Please remember to register your custom shortcode into "Third-party shortcode arguments" section as explained at:
https://toolset.com/documentation/user-guides/conditional-html-output-in-views/using-shortcodes-in-conditions/#checking-custom-shortcodes
You can then set up your content and form on the page like this:
[wpv-conditional if="( '[show_form_content]' eq 'false' )"]
// add form's shortcode here
[/wpv-conditional]
[wpv-conditional if="( '[show_form_content]' eq 'true' )"]
// add regular content and the add new link to show the form
<a href="page-URL/?_tt=show_form">Add new</a>
[/wpv-conditional]
As a result, when the page will reload, initially only the content and the add new link will show.
( note: replace 'page-URL' with the actual link to the current page)
When the add new link will be clicked the page will reload, but this time only the form will show.
And after that, the form will automatically hide and the regular content will start showing, only when the form will submit successfully without any errors.
I hope this helps and for more personalized assistance around custom code, you can also consider hiring a professional from our list of recommended contractors:
https://toolset.com/contractors/
regards,
Waqar
