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

Question

我在尝试检查字段长度并根据结果设置值时遇到了问题。将 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 语句。任何帮助将不胜感激。

Answer 1

您正在尝试在 jQuery 对象上使用 native JavaScript 属性。使用:

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

或

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

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

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