jquery - 无法使用 if 语句保持 css 更改状态

Question

---更新的小提琴仍然无法正常工作 www.jsfiddle.net/atZPn/5 试图让输入框中的文本只有在输入数据时才保持黑暗。

http://jsfiddle.net/atZPn/5/

代码：

   $(".searchbox").blur(function() {
    var searchbox = this,
        searchbox_val = $.trim( this.value );
    if (searchbox_val.length > 0) {
        return true;
    } else {
        $(searchbox).addClass("blur");
        return false;
    }
});

Answer 1

getElementByClassName应该getElementsByClassName和searchbox_val应该searchbox_val[0]。

/* Search Box Leave */
$(".searchbox").blur(function() {
    var searchbox_val = document.getElementsByClassName("searchbox");
    if (searchbox_val[0].value.length > 0) {
        return true;
    }
    else {
        $(this).addClass("blur");
        return false;
    }
});

Yon也可以尝试如下：

$(".searchbox").blur(function() {
    var searchbox = $(this),
        searchbox_val = $.trim( searchbox.val() );
    if (searchbox_val.length > 0) {
        return true;
    } else {
        searchbox.addClass("blur");
        return false;
    }
});

[更新]

HTML

<input class="searchbox" type="text" placeholder="Just some text" />

jQuery

$(".searchbox").blur(function() {
    var searchbox = this,
        searchbox_val = $.trim( this.value );
    if (searchbox_val.length > 0) {
        $(searchbox).addClass("blur");
        return true;
    } else {
        $(searchbox).removeClass("blur");
        return false;
    }
});

演示