使用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"); 
    } 
});