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

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

*模板内容

	
 

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

easyUI中textArea控制输入字符的多少_第1张图片

你可能感兴趣的:(前端)