jQuery - n.blur ist keine Funktion

Question

Dieser Code funktioniert nicht. Die Konsole sagt n.blur is not a function.

var name = '', 
    formElement = '', 
    fullname = $('.form input[name="user"]'), 
    email = $('.form input[name="pass"]'); 

$('.form input').click(function() { 
    name = $(this).attr('name'); 
    formElement = $('.form input[name="'+name+'"]'); 
}); 

formElement.blur(function() { 
    if(formElement.val().length === 0) { 
     formElement.closest('.form-group').addClass('has-error'); 
    } else { 
     formElement.closest('.form-group').removeClass('has-error'); 
    } 
}); 

Answer 1

Es gibt keine blur Verfahren an diesem Punkt seit formElement eine Zeichenfolge ist:

var name = '', 
    formElement = '', 
    ... 

Answer 2

Ich denke nicht, Sie Ihre .click() Funktion benötigen und können Ihre blur() allen .form Eingänge anschließen:

$('.form input').blur(function() { 
    formElement = $(this); 
    if(formElement.val().length === 0) { 
     formElement.closest('.form-group').addClass('has-error'); 
    } else { 
     formElement.closest('.form-group').removeClass('has-error'); 
    } 
}); 

Das sollte den gleichen Effekt erzielen.