CODEWITHSUNDEEP
javascriptjquerydom-events
streetparade
streetparade

Reputation: 32888

How to check if a Textarea is empty in Javascript or jQuery?

How do I check if a textarea contains nothing?

I tried with this code:

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

But it doesn't do what I expect. I expect that it should appear a messagebox "debug" and that the textarea is not shown.

How can I fix that issue?

Upvotes: 24

Views: 97880

Answers (3)

Marcos Placona
Marcos Placona

Reputation: 21720

You wanna check if the value is == "", not NULL.

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

UPDATE

A working example

And another one using TRIM in case you wanna make sure they don't post spaces

Implementation for TRIM()

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

Upvotes: 41

isuru
isuru

Reputation: 3565

You can use following jQuery to escape white spaces as well.

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

Upvotes: 13

Sarfraz
Sarfraz

Reputation: 382696

There is a world of difference between null and empty !

Try this instead:

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

Upvotes: 0

Related Questions