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

Question

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

Answer 1

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

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

要么

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

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

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