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 form
pode 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');
}