função não reconhece variavel

[Junior Varoni 9]

Boa tarde, estou desenvolvendo um script em jquery para validar um input...
O script primeiramente verifica se o campo está vazio, se sim, exibe uma mensagem de erro.
Depois verifica se o valor do campo não consta no banco.

Depois de aplicado o efeito de borda, o usuario enxerga o erro e corrige.

Gostaria que depois que corrigisse, a borda fosse retirada. Acontece exatamente isso quando o erro é pelo campo estár vazio, mas quando o erro é por causa de valor duplicado no banco, a mensagem aparece e logo some.
Acredito que o ajax não esteja enxergando a variável para trocar o valor.

No caso a var vrf

$(document).ready(function(){
    var user = $("#inpt1");
    $("input").blur(function(){
        var vrf = true;
        if($(this).val() == "")
        {
            var msg = $(this).attr('data-txt');
            $(this).css({"border-bottom" : "1px solid #F00", "padding": "2px"});
            $(this).next().css({"color" : "#f02"}).text(msg);
            vrf = false;
        }
        else{
            $.ajax({
                url: 'verifica.php',
                type: 'POST',
                data: {'inpt1': user.val()},
                   dataType: 'json',
                   success: function(data) {
                       console.log(data);
                       if (data) {
                           user.css({"border-bottom" : "1px solid #F00"});
                           user.next().css({"color" : "#f02"}).text('Já há um login cadastrado com esse nome');
                           vrf = false;
                       }

                   }
            })
        }
        if (vrf){
            $(this).css({"border-bottom" : "none"}).next().show().fadeOut(4000);
        }

    });

[Sergio Tomas 16]

Fala Jr,

 

Cara troque isso:

 

user.css({"border-bottom" : "1px solid #F00"});

 

Por isso:

 

user.css("border-bottom", "1px solid #F00");

[Junior Varoni 9]

Na verdade eu acho que não expliquei claramente...

 

Faço a validação de campo vazio e a mensagem de erro se mantém abaixo do input, porém depois de inserir qualquer valor no campo e clicar fora no input , o erro gerado aparece e porém logo some.

 

O valor de vrf nessa linha deveria ser False mas aparentemente o ajax não está conseguindo retornar isso.

}
if (vrf){
$(this).css({"border-bottom" : "none"}).next().show().fadeOut(4000);
}

 

:mellow: :mellow: :mellow:

[wootzor 103]

A mensagem devolvida pela página verifica.php está a ser correctamente guardada na variável data?

 

Por outro lado, tal como disse o Sergio Tomas, podes retirar as chavetas do método .css(), pois elas só são necessárias quando queres alterar várias propriedades num só comando.

[Junior Varoni 9]

Bom dia.

Meu verifica.php está retornando certinho e quanto ao meu .css agradeço a dica, pois não sabia disso.

 

Contudo andei pesquisando e vi que o meu problema é porque o javascript não espera o ajax da retorno para continuar rodando o script;

Então é por isso que achava que o ajax não retornava valor na variavel.

 

Agora preciso descobri uma maneira de parar o javascript enquanto o ajax não da o retorno, para ai sim conseguir fazer o que pretendo.

[Lucas M. Martins 5]

Já que você usa a variável booleana 2 vezes, ao invés de setar uma variável, você pode chamar a função direto...

[Junior Varoni 9]

Já que você usa a variável booleana 2 vezes, ao invés de setar uma variável, você pode chamar a função direto...

Pensei em fazer isso, mas não tinha certeza se era uma boa pratica fazer assim.