streetparade streetparade - 1 month ago 8
Javascript Question

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

How do i check if a textarea contains nothing?

I tryed with this code

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


But it doesnt 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?

Answer

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,"");
}
Comments