easyUI中textArea控制输入字符的多少

上面的文章说了easyUI中的textbox如何控制输入字符的多少,这篇文章主要说easyUI中的textArea如何控制输入字符多少,如果超出数据库表结构中该字段的最大范围,那么就会报错,所以下面我具体说一下实现。
在我说实现之前,我先说说我的经历,因为我也是才开始接触easyUI和miniUI对于里面的控件属性什么的不是特别清楚,我以为textArea和textbox一样,加入一个maxlength属性进行控制就可以,但是缺达不到效果,所以说在textArea中如果只添加maxlength,是不会起到效果的。
具体的实现代码如下:

<th><font color="red">*</font>模板内容</th>
<td colspan='3'>
	<textarea id="mbnr" name="mbnr"  maxlength="500"     onKeyUp="if(this.value.length > 500) this.value=this.value.substr(0,500)" rows="6" cols="40">${vo.mbnr}</textarea>
 </td>

从上面的代码中可以看出,我设置了maxlength属性为500,还有一个onKeyUp属性,该属性里面是一个if判断,判断当前输入框的value得长度如果大于500,那么我就截取该value的前500个字符重新赋给该value,这样的话就可以保证我输入的东西不会超过数据库表结构中字段所给的范围。
ps:这样做虽然可以解决问题,但是我感觉用户体验不好,可以使用easyUI里面的validatebox来进行解决,这样还可以给用户提示,更加友好一些。

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值