Come verificare se un'area di testo è vuota in Javascript o Jquery?

Question

Come posso controllare se una textarea non contiene nulla?

Ho provato con questo codice

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

ma doesnt fare quello che mi aspettavo. Mi aspetto che venga visualizzata una finestra di messaggio "debug" e che la textarea non sia mostrata.

Come posso risolvere il problema?

Answer 1

Si desidera verificare se il valore è == "", non NULL.

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

UPDATE

Un working example

E another one using TRIM nel caso in cui si vuole fare in modo che non pubblicare spazi

Attuazione per TRIM()

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

Answer 2

There is a world of difference between null and empty !

Prova a modificare:

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

Answer 3

È possibile utilizzare seguente jQuery per sfuggire gli spazi bianchi.

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