2

Como hago para pasar esto a jQuery

id="btn_submit" onclick="javascript:document.getElementById('btn_submit').style.visibility = 'hidden';

Es para ocultar o bloquear un botón temporalmente para evitar el doble submit de un formulario, ¿Hay alguna otra manera de evitarlo?

2 respuestas 2

4

Básicamente al hacer click al id btn_submit le cambia la propiedad CSS visibility a hidden

Se le agrega un tiempo de 2 segundos con setTimeout()

  $("#btn_submit").on('click',function(){ //Evento Click
     $("#btn_submit").css('visibility', 'hidden'); //Cambio de propiedad CSS
     setTimeout(function(){ //Se aguardan los milisegundos marcados en la próxima linea
       $("#btn_submit").css('visibility', 'visible');
     }, 2000); //2000 milisegundos == 2 segundos
   });

Aqui tienes mas sobre setTimeout https://www.w3schools.com/jsref/met_win_settimeout.asp

9
  • Como podria ponerle un tiempo de al menos unos 2 segundos para que vuelva a aparecer?
    – WilsonicX
    Commented el 17 jul. 2018 a las 20:37
  • O cuando ya se haya enviado la peticion al servidor
    – WilsonicX
    Commented el 17 jul. 2018 a las 20:37
  • Oye Luciando Muchas gracias hoy me has resuelto muchas dudas
    – WilsonicX
    Commented el 17 jul. 2018 a las 20:37
  • Ahora te edito la respuesta. Commented el 17 jul. 2018 a las 20:38
  • 1
    pesima y ineficiente solucion yo lo aria con un setTimeout(function(){ //Se aguardan los milisegundos marcados en la proxima linea $("#btn_submit").css('visibility', 'visible'); }, 2000);
    – andy gibbs
    Commented el 17 jul. 2018 a las 20:44
2

no entendi bien lo de el doble submit pero aqui te dejo un codigo para hacer lo que quieres con jquery:

$("#btn_submit").click(function(){ //le decimos cuando hagas click ejecute una funccion anonima

  $(this).hide(); //y que oculte este elemento clickeado

 $(this).css("visivility","0"); //o si quieres darle simplemente una visivilidad 0 seria asi
})
4
  • Si eso esta bien, por ejemplo cuando le doy Guardar a mi formulario a veces el servidor tarda en responder entonces pueda ser que el Usuario le de clic 3 veces y eso me pasa, cuando veo en la BD se duplica o triplica los datos enviados por el formulario como puedo evitar eso? dentro de esa misma funcion de jQuery?
    – WilsonicX
    Commented el 17 jul. 2018 a las 20:34
  • podrias poner tu codigo a ver que estas haciendo mal ?
    – andy gibbs
    Commented el 17 jul. 2018 a las 20:36
  • ok permiteme lo pongo ahora
    – WilsonicX
    Commented el 17 jul. 2018 a las 20:38
  • Podrías poner esto en la descripción de la pregunta, así no se pierde en los comentarios. Commented el 17 jul. 2018 a las 20:55

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.