how to remove form submit message after 10 seconds automatically in the WordPress site-CodePudding

So I m working on a WordPress site I made a form using the formidable plugin. I want the form submitted success message automatically removes after 10 seconds. how to remove form submit message after 10 seconds automatically in the WordPress site.

CodePudding user response：

Don't know about that plugin but a few lines of JS should do the trick.

Let's say the element that wraps your success message has a class called notice-container and the form element has the id form21

document.addEventListener('DOMContentLoaded', function () {
    let container = document.querySelector('.notice-container'),
        form = document.querySelector('#form21');

    if (form != null) {
        form.addEventListener('submit', function () {       
            setTimeout(function(){
                container = document.querySelector('.notice-container');
                if (container == null) return; // abort if element isn't available

                container.style.display = 'none';
            }, 10000);
        });
    }
});

Place this code anywhere on your page and you're good to go.

P.S: Don't forget to replace the notice-container and form21 values accordingly to your form

CodePudding user response：

Here is the official document of the Formidable form. https://formidableforms.com/knowledgebase/javascript-examples/javascript-after-form-submit/

You can try something below:

<script type="text/javascript">
    jQuery(document).ready(function($){
        $(".frm_message").delay(10000).fadeOut(1000); // change 5000 to number of seconds in milliseconds  
    });
</script>