Bom, não sei se meu titulo está referente ao oque estou pedindo, mas tenho um formulário com um botão de Entrar.
<button id="btn_entrar" data-loading-text="carregando..." autocomplete="off" class="btn btn-primary btn-cons m-t-10" type="submit" onclick="return Get_Acesso();">Entrar</button>
E quando eu inserir login e senha quero que esse botão fique "carregando..." aí pesquisei na internet e vi esse caso:
$('button[data-loading-text]').on('click', function () {
var btn = $(this)
btn.button('loading')
setInterval(function () {
btn.button('reset')
}, 3000)
});
Porém não quero um tempo definido ( no caso 3 segundos ) quero que ele de o reset depois da minha função GetAcesso()
der algum retorno seja ele falso ou true. Alguém sabe uma solução?
function Get_Acesso(){
usuario = document.getElementById('txt_user_name').value;
senha = document.getElementById('txt_password').value;
LoginDTO.Usuario = usuario;
LoginDTO.Senha = senha;
var DTO = { 'LoginDTO': LoginDTO};
//acessar login
$.ajax({
type: "POST",
url: "default.aspx/Acesso_Login",
data: JSON.stringify(DTO),
contentType: "application/json; charset=utf-8",
dataType: "json",
beforeSend: function () {
$('#btn_entrar').html('Carregando...');
},
success: function (msg) {
$('#btn_entrar').html('Entrar');
try {
//tratamentos de msg
if (msg.d == "err") {
document.getElementById('spn_retorno').innerHTML = "Erro inesperado no momento do acesso.";
return false;
//Não encontrou nenhum registro
} else if (msg.d == "not") {
document.getElementById('spn_retorno').innerHTML = "Usuário / senha inválido.";
return false;
//Campos vazios
}
Código simples de acesso, mas quero que quando de o retorno de error ele volte com o botão padrão de "Entrar".
GetAcesso
$('button[data-loading-text]')
...