[jQuery plug-in]限定textarea的maxlength
前言
之前常写web程序的人就知道,textarea (尤其是asp:textbox 设定 multiline)无法直接设定其maxlength属性,来达到限制输入字数的目的。
虽然说自己也可以很简单的在onkeyup之类的事件,去截断字符串。
不过jQuery官方还是有这个plug-in可以使用:http://plugins.jquery.com/project/CustomMaxlength
以下直接用个小范例,就可以知道使用上多简便。
使用方式
$(document).ready(function(e) {
/*设定textarea的maxlength*/
$('#控件的ClientID').maxlength({
maxCharacters: 500, /*字数*/
status: false /*是否显示还仍可输入几个符*/
});
});
status设定成true的话,会显示目前此input还可以输入几个字。
就是这么简单,字数打开其实也不会太丑。
plug-in里面的程序也不复杂,要客制化也不难,有兴趣的可以追进去了解一下。
也可以参考一下其他人的说明文章:http://abgne.tw/jquery/jquery-plugins/jquery-maxlength-plugin-1-0-5.html
图大概就长这样:
结论
这只是个小memo,有现成的轮子可以用,就懒得重复开发了。
也希望可以对其他有这需求的人有帮助。
或许您会对下列培训课程感兴趣:
- 2019/7/27(六)~2019/7/28(日):演化式设计:测试驱动开发与持续重构 第六梯次(中国台北)
- 2019/8/16(五)~2019/8/18(日):【C#进阶设计-从重构学会高易用性与高弹性API设计】第二梯次(中国台北)
- 2019/9/21(六)~2019/9/22(日):Clean Coder:DI 与 AOP 进阶实战 第二梯次(中国台北)
- 2019/10/19(六):【针对遗留代码加入单元测试的艺术】第七梯次(中国台北)
- 2019/10/20(日):【极速开发】第八梯次(中国台北)
想收到第一手公开培训课程资讯,或想询问企业内训、顾问、教练、咨询服务的,请洽 Facebook 粉丝专页:91敏捷开发之路。 |
原文:大专栏 [jQuery plug-in]限定textarea的maxlength