项目总结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,不影响判断;