Not Another WordPress site

From the Blog

ago
16

How to disable a button after click

Posted by Felipe V. Rigo at 9:06 am

I was wondering what to write about, and I realized that I needed to post something about what we have trouble to find the solution. Then I decided to write how to disable a button in a HTML page (using Asp.Net and C#) after the user clicked it. Avoiding so that the user click several times and send several requests to the server.

The solution uses basically javascript to disable the button just after the user clicked it. The method we used lays in a different namespace, called Common, which we pass the button and the text we wish to appear after the user click it (something like “Wait”), as parameters.

The method is bellow:

public static void DisableOnClick(System.Web.UI.WebControls.Button btn, string Message)
{
  string theScript = "";
  if ( btn.CausesValidation )
  {
     theScript = @"
        if (typeof(Page_ClientValidate) == 'function') 
        { 
           if (Page_ClientValidate() == false )
              return false; 
        }";
   }
   theScript += @"
      this.value = '" + Message + @"';
      this.disabled = true;
      document.getElementById('" + btn.ClientID + @"')
.disabled = true;" +
   btn.Page.ClientScript.GetPostBackEventReference(btn, string.Empty) + @";";
            
   btn.Attributes["onclick"] = theScript;
}

Basicaly what the method does is to create a script and attach it at the button click event. This script verify if the button does any kind of validation and, if any, run that code, after it the button is disabled and the new text is setted to the button, then the postback call is made.

Bellow is an example of use:

private void Page_Load(object sender, System.EventArgs e)
{
    Common.DisableOnClick(btnRegister, "Wait...");
}

Simple, easy and usefull…
Enjoy ;)

No Comments | Read more
abr
25

Como desabilitar um botão após o clique usando ASP.Net (C#)

Posted by Felipe V. Rigo at 1:22 am

Fique pensando em que tipo de assunto abordar, mas acho que quando se trata de um blog de informática, mais especificamente pra quem desenvolve (assim como eu), penso em postar um tópico que encontramos alguma dificuldade e achamos a solução.

Como não tenho feito muita coisa nova ultimamente, fui buscar nas soluções de problemas básicos e antigos que encontramos em projetos anteriores.
Uma dessas soluções, resolvida basicamente com javascript, é desabilitar um botão logo após este ser clicado, para evitar que um usuário clique várias vezes neste, causando várias requisições ao servidor e quem sabe um problema inesperado.

Nós usamos um método que fica em um namespace separado, chamado Common, em que passamos o botão e o texto do botão após o clique (algo como “Aguarde”), como parâmetros.

Veja abaixo:

public static void DisableOnClick(System.Web.UI.WebControls.Button btn, string Message)
{
  string theScript = "";
  if ( btn.CausesValidation )
  {
     theScript = @"
        if (typeof(Page_ClientValidate) == 'function') 
        { 
           if (Page_ClientValidate() == false )
              return false; 
        }";
   }
   theScript += @"
      this.value = '" + Message + @"';
      this.disabled = true;
      document.getElementById('" + btn.ClientID + @"')
.disabled = true;" +
   btn.Page.ClientScript.GetPostBackEventReference(btn, string.Empty) + @";";
            
   btn.Attributes["onclick"] = theScript;
}

Basicamente o que o método faz é criar um script e anexar ao evento de clique do botão. Este script verifica se o botão faz algum tipo de validação e, caso afirmativo, executa essa função, depois o botão é desabilitado, o novo texto é setado e é feita a chamada de postback que está anexada ao botão.

Exemplo de uso:

private void Page_Load(object sender, System.EventArgs e)
{
    Common.DisableOnClick(btnRegister, "Aguarde...");
}

Simples, prático e útil… Enjoy ;)

2 Comments | Read more