1

現在このスクリプトを使用していますが、入力されたフィールドの色を変更するためにスクリプトを拡張したいと思いますか? ありがとう

<script>
    $(document).ready(function(){
    $("input").focus(function(){
    $(this).css("background-color","#cccccc");
     });

    $("input").blur(function(){
     $(this).css("background-color","#ffffff");
     });
   });
</script>
4

2 に答える 2

2

ぼかしでフィールドが入力されているかどうかを確認するだけです:

$("input").on('blur', function () {
    if ($(this).val()) {
        $(this).css("background-color","#0f0");
    }
    else {
        $(this).css("background-color","#fff");
    }
});
于 2013-02-06T00:35:43.747 に答える
1

これは「あなたのためにスクリプトを書く」サイトではありませんが、あなたは簡単な答えを与えることができる簡単な質問をしました。これが機能する理由を理解できるかどうかを確認し、次回は質問する前に、このコードと、おそらく Web で見つけた他のコードからの答えをつなぎ合わせてみてください。

$("input").change(function(){ // this just checks if there's anything in the field
    if($(this).val().length > 0)) {
        $(this).css("background-color", "green"); // input has been filled
    } else {
        $(this).css("background-color", "red"); // input has not been filled
    }
});
于 2013-02-06T00:35:31.563 に答える