Skip to main content
replaced http://pt.stackoverflow.com/ with https://pt.stackoverflow.com/
Fonte Link

Presumo que esteja a fazer o envio via ajax, senão o problema não se colocaria.

Aqui o que precisa é de uma flag (sinalizador) que impeça o submit de funcionar até o ajax retornar. Já foi discutido noutra(s) pergunta(s)noutra(s) pergunta(s). O que lhe falta aqui é implementar isso e voltar a ativar no retorno do ajax.

Se o botão estiver dentro de uma formpode usar como tinha e, por exemplo, pointer events via classe:

CSS

.bloqueia {
    pointer-events: none;
}

JavaScript/jQuery

$("form").submit(function(){
    $(this).addClass('bloqueia'); // ou somente o botão específico
}

e dentro do ajax:

success: function(resp){
    // ...
    $("form").removeClass('bloqueia');
}

Presumo que esteja a fazer o envio via ajax, senão o problema não se colocaria.

Aqui o que precisa é de uma flag (sinalizador) que impeça o submit de funcionar até o ajax retornar. Já foi discutido noutra(s) pergunta(s). O que lhe falta aqui é implementar isso e voltar a ativar no retorno do ajax.

Se o botão estiver dentro de uma formpode usar como tinha e, por exemplo, pointer events via classe:

CSS

.bloqueia {
    pointer-events: none;
}

JavaScript/jQuery

$("form").submit(function(){
    $(this).addClass('bloqueia'); // ou somente o botão específico
}

e dentro do ajax:

success: function(resp){
    // ...
    $("form").removeClass('bloqueia');
}

Presumo que esteja a fazer o envio via ajax, senão o problema não se colocaria.

Aqui o que precisa é de uma flag (sinalizador) que impeça o submit de funcionar até o ajax retornar. Já foi discutido noutra(s) pergunta(s). O que lhe falta aqui é implementar isso e voltar a ativar no retorno do ajax.

Se o botão estiver dentro de uma formpode usar como tinha e, por exemplo, pointer events via classe:

CSS

.bloqueia {
    pointer-events: none;
}

JavaScript/jQuery

$("form").submit(function(){
    $(this).addClass('bloqueia'); // ou somente o botão específico
}

e dentro do ajax:

success: function(resp){
    // ...
    $("form").removeClass('bloqueia');
}
Fonte Link
Sergio
  • 135,1mil
  • 16
  • 201
  • 294

Presumo que esteja a fazer o envio via ajax, senão o problema não se colocaria.

Aqui o que precisa é de uma flag (sinalizador) que impeça o submit de funcionar até o ajax retornar. Já foi discutido noutra(s) pergunta(s). O que lhe falta aqui é implementar isso e voltar a ativar no retorno do ajax.

Se o botão estiver dentro de uma formpode usar como tinha e, por exemplo, pointer events via classe:

CSS

.bloqueia {
    pointer-events: none;
}

JavaScript/jQuery

$("form").submit(function(){
    $(this).addClass('bloqueia'); // ou somente o botão específico
}

e dentro do ajax:

success: function(resp){
    // ...
    $("form").removeClass('bloqueia');
}