如何檢查 Javascript 或 jQuery 中的 Textarea 是否為空？

Question

如何檢查 textarea 是否不包含任何內容？

我嘗試使用此代碼：

if(document.getElementById("field").value ==null)
{
    alert("debug");
    document.getElementById("field").style.display ="none";
 }

但它並沒有達到我的預期。 我希望它應該出現一個消息框“調試”並且不顯示文本區域。

我該如何解決這個問題？

Answer 1

你想檢查值是否是== "" ，而不是NULL 。

if(document.getElementById("field").value == '')
{
    alert("debug");
    document.getElementById("field").style.display ="none";
}

更新

一個工作示例

另一個使用 TRIM以防您想確保他們不張貼空格

TRIM() 的實現

String.prototype.trim = function() {
  return this.replace(/^\s+|\s+$/g,"");
}

Answer 2

您也可以使用以下 jQuery 來轉義空格。

if($("#YourTextAreaID").val().trim().length < 1)
{
    alert("Please Enter Text...");
    return; 
}

Answer 3

null 和 empty 之間有天壤之別！

試試這個：

if(document.getElementById("field").value == "")
{
    alert("debug");
    document.getElementById("field").style.display ="none";
}