Ocultar el botón Enviar después de hacer clic

1 minuto de lectura

avatar de usuario
mattesj

Sé que hay muchas respuestas sobre cómo ocultar un botón de envío después de hacer clic, pero no puedo hacer que ninguna de las soluciones funcione. He tratado de ocultarlo con onclick="" y javascript. El formulario es para un complemento de wordpress.

echo '<p><input type="submit" name="submitted" id="send" value="Send"></p>';

  • porque no usas type="button"?

    – Harshit

    21 de octubre de 2015 a las 10:47

  • ¿Puedes mostrar el código js que probaste pero no funcionó?

    – Hipólito

    21 de octubre de 2015 a las 10:48

Si tiene jQuery disponible, podría hacer algo tan simple como:

$(document).ready(function() {
    $('#send').on('click', function() {
        $(this).hide();
    });
});

Haría lo que sugirió @Nexxuz, pero para agregar, si está ocultando el botón con el fin de evitar envíos duplicados, probablemente debería vincular la ocultación del botón al evento de envío en el formulario, ya que esto capta el clic del botón enviar, así como el usuario presionando “enter”

$(document).ready(function($) {
    $('#myForm').on('submit', function(evt) {
        $('#send').hide();
    });
});

Puede hacer esto agregando onclick=”this.style.display=’none’;” como se muestra en el fragmento de código proporcionado.

echo '<p><input type="submit" name="submitted" id="send" value="Send" onclick="this.style.display='none';"></p>';

¿Ha sido útil esta solución?

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos y para mostrarte publicidad relacionada con sus preferencias en base a un perfil elaborado a partir de tus hábitos de navegación. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Configurar y más información
Privacidad