[Resolved] Form Submission Shows Error But Client Won't See It

[Author]

Posts

[tacoF]

Form Submission Shows Error But Client Won't See It as the error is at the top and the submit button is below. There should be something that shows there is an error in view or after submitting and there are errors the form scrolls to top where you show the error.

[Christopher Amirian]

Hi,

Toolset form does not have such feature of scrolling to an error section or showing the error other than the field that caused the error.

If you share the URL that the form is in I might be able to check and see if there is something can be done.

Please give me the URL and if the URL needs me to be logged in, Add login information by setting the next reply private.

Also tell me what to do to cause the error so i can see how the message shows.

Thank you.

[tacoF]

You would need to create a free account which is super easy, then submit this form without filling everything in hidden link

The error will be shown at the top. And yes, I know it doesn't have the functionality, but it should, as there are so many people who just keep clicking the submit button and have no idea there is an error. I know to scroll up, but seriously, we can't expect others to do this, it needs to be clear that there is an error and the user needs to scroll up to see it.

[tacoF]

Thanks for your reply on a Sunday.

[Christopher Amirian]

Hi,

Thank you for the information. I came up with the Javascript code below:

jQuery.noConflict();
(function($) {
    $(document).ready(function() {
        $('.cred-form #cred_form_11404_1_1_form_submit_1').on('click', function() {
            $('html, body').animate({
                scrollTop: $('#wpt-form-message-11404').offset().top
            }, 800); // Smooth scroll animation with a duration of 800ms
        });
    });
})(jQuery);

See if it works for you.

Thanks.

[tacoF]

Works like a charm, thank you. Any chance to make this global rather than having to assign to each and every form on my site which I will have to do if it can't be global.

[Christopher Amirian]

Hi,

I'm not sure about that as I do not have access to many pages of your website and honestly that is not what we support here.

I created a code here but I am not sure if it will work in all places:

jQuery.noConflict();
(function($) {
    $(document).ready(function() {
        $('.cred-form input[type="submit"]').on('click', function() {
            $('html, body').animate({
                scrollTop: $('.wpt-form-error').offset().top
            }, 800); // Smooth scroll animation with a duration of 800ms
        });
    });
})(jQuery);

Thanks.

[tacoF]

Thanks. I will test. You don't think this is something that should be included as a fix in Toolset? I mean, every client out there is having this issue. Also, it should really check if there is an error before it scrolls up, but I can live with that.

Are you available as a contractor as well?

[Christopher Amirian]

Hi,

As mentioned that is not a feature available. You are welcome to ask for this as a feature request here:

https://toolset.com/home/contact-us/suggest-a-new-feature-for-toolset/

And you can find a list of qualified contractors here:

https://toolset.com/contractors/

Thank you 🙂