Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

176
Vistas
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 Respuestas
Responde la pregunta

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 Denunciar

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 Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda