javascript - javascript在输入后更改输入颜色

Question

我目前正在使用这个脚本，并且很想扩展它来改变已经填写的字段的颜色，请帮忙？谢谢

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

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

Answer 1

只需检查该字段是否填写模糊：

$("input").on('blur', function () {
    if ($(this).val()) {
        $(this).css("background-color","#0f0");
    }
    else {
        $(this).css("background-color","#fff");
    }
});

Answer 2

虽然这不是一个“为您编写脚本”的网站，但您提出了一个简单的问题，可以给出一个简单的答案。看看你是否能弄清楚为什么会这样，下一次，在你提出问题之前，试着把这个和你在网络上找到的其他代码的答案拼凑起来：

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