$('#id').value 未定义

我在尝试检查字段的长度并根据结果设置值时遇到问题。在 Firefox 中使用 firebug 我不断收到错误“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();

or

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

或者稍微不那么明显但仍然有效的：

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