JavaScript在输入后更改输入颜色

yb3bgrhw  于 2022-10-30  发布在  Java
关注(0)|答案(2)|浏览(211)

我目前正在使用这个脚本,并希望扩展它来更改已填充字段的颜色。你能帮忙吗?

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

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

wfsdck301#

只需检查是否已在blur上填写字段:

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

qnyhuwrf2#

虽然这不是一个“为你写脚本”的网站,但你问了一个简单的问题,可以得到一个简单的答案。看看你是否能弄清楚为什么这样做是有效的,下次在你问问题之前,试着从这个和你在网上肯定能找到的其他代码中拼凑出答案:

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

相关问题