I have a large toolset post form that has more than 25+ fields and when someone fills each field correctly and during the submission, if the user gets any error then it obviously asks for filling the form again along with correcting the invalid input. But in a long-form, this method is completely annoying and makes users go away. So I want to implement a solution that can autosave the form inputs in the browser in case the form page is reloaded/refreshed before submitting it.
I tried some javascript codes with a simple HTML form and it works perfectly but on the other hand, it doesn't work with my toolset post form.
<script src="<em><u>hidden link</u></em>"></script>
<script type="text/javascript" src="sisyphus.min.js"></script>
<script>
$( function() {
$( "form" ).sisyphus();
} );
</script>
Please help me to get this functionality working on my Post form to save my users go away because of filling the complete form again and again.
can you please tell me how to share my URLs in secured mode within the message?
I don't understand what is the meaning of the above feedback given from support team. Will you please elaborate Or did you really understand what I wanted?
Hello,
There isn't such kind of built-in feature within Toolset Forms plugin, the form can be submitted(save data) after user click the submit button.
And your JS workaround won't work as expected, for example in a form for creating new post, after auto save the form with your JS codes, it will create a new post, after user click submit button, it will create another new post.
According to our support policy, we don't provide the custom support.
But you can consider other workaround, for example splitting one large form into two or three forms. like this:
Create three forms:
- Step 1 form, for creating new post, with few fields, after user submit this form redirect him to another page with below step2 form.
Here you can use filter hook "cred_success_redirect" to pass post ID as URL parameter.
https://toolset.com/documentation/programmer-reference/cred-api/#cred_success_redirect
- Step 2 form, for editing post, with few fields, after user submit this form redirect him to another page with below step3 form.
- Step 3 form, for editing post, with few fields ...
