Javascript - 缺少输入的textarea上的红色轮廓

Question

我想知道如何在没有输入的textarea周围添加红色轮廓 （检查空输入，如果为空，则突出显示textarea）

这是我的代码：

//NEED TO CHANGE THE LINE BELOW SO IT WONT SHOW TEXT, JUST CHANGE BORDER COLOUR
$('#input-area textarea').fadeIn().html('Please enter some instructions.');

如何更改此行？

Answer 1

您可以将css属性链接到以下内容：

但是从你的问题来看，这是不是很清楚你的意思。

$('#input-area textarea').fadeIn().html('').css("border","1px solid red");

Answer 2

这应该可以解决问题，为变更添加一个事件监听器，然后查看它是否为空

$('#input-area textarea').fadeIn().html('').keyup(function() {
    if ($(this).val()=='') {
        $(this).css("border","1px solid red");
    } else {
        $(this).css("border","none");
    }
});