Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

175
Views
how to remove form submit message after 10 seconds automatically in the WordPress site

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.

about 4 years ago · Juan Pablo Isaza
2 answers
Answer question

0

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>
about 4 years ago · Juan Pablo Isaza Report

0

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

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!