2016-09-15 8 views
0

<label>が(https://jsfiddle.net/Moor/3r1uL9n6/)に変更されたフォームがあります。うまく動作しますが、わずかなブラウザでしか動作しません。この非クロスブラウザの代わりにjQueryを使用していくつかのクラスを追加および削除する方法input:placeholder-shown擬似クラスを置き換える方法:jqueryでプレースホルダーに表示

+0

[ '.ATTR()'](https://api.jquery.com/attr/)、[ '.addClass()'](https://api.jquery.com/addClass/ )、['.removeClass()'](https://api.jquery.com/removeClass/) – Andreas

+0

ありがとう、@ Andreas、しかし私はjQueryにあまり経験はありません。入力値がゼロであるかどうかをチェックする方法は? –

答えて

1
You can use jQuery: 

$("#my_input").on("keydown keypress keyup paste", function() { 

    var textColor = $(this).val() ? "red" : "green"; 

    $("div label").css({"color" : textColor}); 

}); 
+0

試しました - それはしません。または私はばかだ。 –

+0

私はあなたがJSfiddleを作ることができなかった他の人は愚かではないと確信しています!私はあなたのフィドルで試してみました - プレースホルダ属性が存在していても、プレースホルダが空白または空白の場合、ラベルは緑ですが、空でない空白のプレースホルダが存在する場合、ラベルは赤です。これはあなたが探していたものではありませんか? –

+0

多分私は間違いをしました。あなたは私のバイブルをフォークできますか? –

関連する問題