javascript - 检查contenteditable div是否为空

我有一个内容可编辑的div，它可以用作Textarea。

<div id="divThatYouCanWriteStuffIn" contenteditable="true" class="ibox-content col-lg-12">
</div>

现在，我要检查此div是否为空，以进行验证。

我用的是如下。

 if ($('#divThatYouCanWriteStuffIn')[0].innerText == "") {
        alert("Please update your wall, then post.")
        return false;
  }

但是，如果用户只是单击div中的enter，则无法正常工作。我曾经用过的方式

 if ($('#divThatYouCanWriteStuffIn')[0].innerText.length <= 1) {
        alert("Please update your wall, then post.")
        return false;
    }

$('#divThatYouCanWriteStuffIn').html()

但它在div中也有break标记，因为它将空白作为break

那么，有什么方法可以检查可编辑的div是否为空并且有适当的文本吗？

最佳答案

您可以使用text()方法获取相关内容(不带html标签的内容)

  if ($('#divThatYouCanWriteStuffIn').text().trim().length == 0) {
    alert("empty");
  }

.trim()函数从内容的开头和结尾删除所有空格和换行符。

Fiddle