Gerundator

Um pequeno plugin para adicionar status de carregamento nos botões de sua aplicação

Sobre

Em aplicações onde é necessário realizar processamentos pesados no lado do servidor, é conveniente desabilitar o botão de ação após o primeiro envio, para evitar que o usuário submeta o formulário mais vezes, gerando erros ou comportamentos inesperados.

A utilização do Gerundator permite habilitar e desabilitar os botões de ação, colocando o verbo da ação no gerúndio durante a execução: “Enviar” para “Enviando…”, “Salvar” para “Salvando…”, “Atualizar” para “Atualizando…” etc.

Funções

Utilização

$("button").toggleDisable();
<button id="btn-enviar">Enviar</button>
<script>
  $("#btn-enviar").click(function () {
    var btn = $(this);
    $.ajax({
      url: "processa-form.php"
      beforeSend: function () {
        btn.disable(true);
      }
      success: function (data) {
        // execução em caso de sucesso
      }
      complete: function () {
        btn.disable(false);
      }
    });
  });
</script>

Exemplos