今天在写代码的时候发现一个问题:
当写成如下代码时,会出现:
1.在保存做内容的非空判断的时候会出现明明没有写内容,但是仍然能保存成功;
2.在光标点入该文本域时,光标并不是从起始位开始的
<textarea name="led_content" style="width: 480px;height: 215px;" id="led_content" placeholder="请输入内容">1111
${ledInfo.led_content}
</textarea>
原因是:如上写法就会默认该文本域包含了很多多的空字符内容(“1111”)代表的空字符位置。
一定要写成正确的写法,如下:
<textarea name="led_content" style="width: 480px;height: 215px;" id="led_content" placeholder="请输入内容"></textarea>
内容的非空判断和字符数量的限制
<script type="text/javascript">
if($("#led_content").val()==""){
$("#led_content").tips({
side:3,
msg:'请添加内容',
bg:'#AE81FF',
time:3
});
return false;
}
var eventDescription = $("#led_content").val();
var strLength = eventDescription.length;
if(strLength>2000){
$("#led_content").tips({
side:3,
msg:'字符个数在2000个之内!',
bg:'#AE81FF',
time:3
});
return false;
}
</script >
另外,如果不想让用户更改文本域的大小,你可以为textarea添加resize:none的css属性。