项目总结18-使用textarea无法判断空值之坑

项目总结18-使用textarea无法判断空值之坑

 

今天使用js判断textarea为空，发现怎么都无法成功仔细做了对比测试，发现结果如下：

1-JS代码

        if($("#content").val() == ""){
            alert("请输入消息内容！")
        }

 

2-Html代码

写法1-判断成功
<textarea name="content" id="content" rows="10" cols="30" style="resize:none;width:400px;" placeholder="请输入内容"></textarea>

写法2-判断失败
<textarea name="content" id="content" rows="10" cols="30" style="resize:none;width:400px;" placeholder="请输入内容"> </textarea>

写法3-判断失败
<textarea name="content" id="content" rows="10" cols="30" style="resize:none;width:400px;" placeholder="请输入内容">
</textarea>

 

3-结论：

• textarea 标签之间不可以出现空格(写法2)，且不能换行(写法3)，只能写在一行并且没有空格(写法1)，才可以进行 $("#content").val() == "" 判断；
• 网上有人说 textarea 的 id 不能是 content，本次测试说明 textarea 的 id 可以是是 content，不影响判断；