如何在Javascript或Jquery中检查Textarea是否为空？

Question

我如何检查textarea是否包含任何内容？

我试过这个代码

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

但它没有做我所期望的.我希望它应该出现一个消息框"debug",并且textarea不会显示.

我该如何解决这个问题？

Answer 1

你想检查价值是否== "",而不是NULL.

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

UPDATE

一个工作的例子

而另外一个使用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; 
}