Как проверить, является ли Textarea пустым в Javascript или Jquery?

Question

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

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

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";
}

ОБНОВЛЕНИЕ

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

И еще один, использующий 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

Существует разница между нулем и пустым!

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

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