Tenho um botão de submit com um span dentro:
<div class="btn-toolbar justify-content-center">
<button type="submit" class="btn btn-primary btn-loading">
<span class="circle"></span> Próxima etapa
</button>
</div>
e queria mudar o texto dele quando estiver enviando, porem quando eu uso o .val
não acontece nada. Porem se eu usar .text
ele muda o texto mas tira o <span>
e é preciso que ele continue.
Meu JS ( já esta dentro de document ready ):
var btnsubmit = $(":submit");
var loadingcircle = $("span.circle");
loadingcircle.show();
btnsubmit.prop('disabled', true).val("Validando CNPJ");
.html
escrevendo ospan
com o texto desejado..val()
Não funciona para isto, este método do jQuery é para pegar valores de elementos de formulários, como inputs, selects, etc... Não para pegar texto de botão!.val
, como o "nome" já diz, é para atributovalue=
, obviamente não se aplica ao seu caso (não tem value no seu button). @RobertoBraga seria legal postar como resposta, assim fecharia a questão