[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

图大概就长这样：

maxlength

结论

这只是个小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

[jQuery plug-in]限定textarea的maxlength

前言

使用方式

结论

猜你喜欢