[jQuery plug-in]限定textarea的maxlength

  • 12007
  • 0

[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,有現成的輪子可以用,就懶得重複開發了。
也希望可以對其他有這需求的人有幫助。


blog 與課程更新內容,請前往新站位置:http://tdd.best/