textarea文本域的注意事项

今天在写代码的时候发现一个问题:
当写成如下代码时,会出现:
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属性

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值