$('#id')。值未定义

时间:2014-08-16 18:18:07

标签: javascript jquery

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

3 个答案:

答案 0 :(得分:6)

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

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

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

或略显不明显,但仍然有效:

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

答案 1 :(得分:3)

试试这个

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

而不是

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

答案 2 :(得分:0)

将这些变量更改为:

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