jquery - カントホールドcssはifステートメントで状態を変更します

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;
    }
});

ヨンは次のように試すこともできます：

$(".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;
    }
});

デモ