função não reconhece variavel

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);
 }

 });