[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,有現成的輪子可以用,就懶得重複開發了。
也希望可以對其他有這需求的人有幫助。
blog 與課程更新內容,請前往新站位置:http://tdd.best/