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

我如何检查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; } 

Answer 3

null和empty之间存在着天壤之别！

试试这个：

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