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