jQuery - n.blur не является функцией

Question

Этот код не работает. Консоль говорит 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

Там нет blur метода, так как в этой точке formElement является строка:

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

Answer 2

Я не думаю, что вам нужны .click() функцию и можете прикрепить blur() ко всему .FORM входов:

$('.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'); 
    } 
}); 

Это должно достичь такого же эффекта.