none
Como evitar el doble click en un boton RRS feed

  • Pregunta

  • Hola a todos, tengo un problema que acarrea trabajo manual, en un sistema web el usuario ingresa datos y luego pone guardar registro y listo, el problema es que cuando su conexión del usuario es lenta, dan click en guardar y como es lento el sistema "se queda pensando" y bueno ellos pues vuelven a dar click en guardar "para agilizar el proceso", y bueno, como hay mas de un click en registro se guarda mas de una vez y genera duplicidad, entonces como puedo hacer para que el botón solo acepte un click.

    Bueno una idea que se tuve (que no se como hacerlo) es hacer algo en js que en el click (aparte de ejecutar el código de su evento en el servidor), ejecute un código (en el cliente por la velocidad) que inhabilite el botón.

    ideas, ideas, ideas?


    Roy Sillerico

    miércoles, 4 de febrero de 2015 20:57

Todas las respuestas

  • En efecto el problema lo resuelves con JS, seria algo asi.

    En el evento OnClientClick del botón 


     

    OnClientClick="clickOnce(this)

            
    function clickOnce(btn) {
    
                
                if (btn.getAttribute('type') == 'button') {
    
    
                    btn.value = 'Cargando...'
     
    ;
                    btn.disabled = true;
                }
                return true;
            }

    Saludos.


    Hugo Gil

    • Propuesto como respuesta Sergio Parra miércoles, 4 de febrero de 2015 22:41
    miércoles, 4 de febrero de 2015 21:52