Как проверить, нет ли Textarea в Javascript или JQuery?

Как проверить, не содержит ли текстовая область?

Я пробовал этот код

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

Но он не делает то, что я ожидаю. Я ожидаю, что в нем появится сообщение "debug" и что текстовое поле не отображается.

Как я могу исправить эту проблему?

Вы хотите проверить, имеет ли значение == "", а не NULL.

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

UPDATE

A рабочий пример

И другой, использующий TRIM, если вы хотите, чтобы они не размещали пробелы

Реализация для TRIM()

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

Вы можете использовать следующий jQuery для выхода из белых пространств.

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

Попробуйте это вместо:

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