javascript - $('＃id')。value未定义

我在尝试检查字段的长度并根据结果设置值时遇到麻烦。将firebug与firefox结合使用时，我一直收到未定义错误“ elUsername”的信息。请告诉我我在做什么错。 jQuery的新手。

$('#usernameInput').blur(function ()
{
    var elUsername = $('#usernameInput').value;
    var elUsernameFeedback = $('#usernameFeedback');
    if (elUsername.length < 5) {
        elUsernameFeedback.text("Please enter your username");
    }
});

基本上，当用户离开该字段且用户名小于5（仅用于测试）时，将获取设置的文本以提示用户纠正错误。但是，永远不会输入if语句。任何帮助将不胜感激。

最佳答案

您正在尝试在jQuery对象上使用本机JavaScript属性。采用 ：

var elUsername = $('#usernameInput').val();

要么

var elUsername = document.getElementById('usernameInput').value;

或稍显不明显，但仍然有效：

var elUsername = $('#usernameInput')[0].value;
var elUsername = $('#usernameInput').get(0).value;