Textbox字數計算
在James那邊看到一篇TextBox字數計算,
的確,使用者介面的友善也是關係著網站成敗.
只是,我不太喜歡將所有的東西都丟到後端處理,
在加上最近在玩lightbox時,
發現這些javascript的toolkit都只要將js包進來後,
在要呈現這樣效果的連結或是圖片加個rel或是class的屬性就可以用了,
所以就想說也來寫個方便使用的TextBox字數提示功能!!
現在直接說明怎麼使用.
步驟一 :
將TbxLenLimit.js加到要使用的頁面
範例 :
<SCRIPT LANGUAGE="JavaScript" src="TbxLenLimit.js"></SCRIPT>
步驟二 :
在要呈現字數提示的textarea加上兩個屬性maxlength="字數上限"跟class="ShowLen"
ps.記得給textarea一個id
範例 :
<TEXTAREA NAME="tbx1" id="tbx1" ROWS="6" COLS="60" maxlength="600" class="ShowLen"></TEXTAREA>
線上demo : textarea_length.htm
範例下載 : TbxLenLimit.zip
如果有人對程式有興趣或是想要研究討論的,歡迎回應!!
Update:
新增限制字串長度的功能.
如果class為ShowLen則是提示,不會裁減字串,
如果class為ShowLenLimit則除了提示外,也會自動裁減字串到設定的長度.
update : (2006/9/21)
增加onchange的事件處理,以解決用滑鼠複製貼上時無法計算字數
update : (2008/6/23)
1.將檔案編碼格式給為utf-8.
2.增加MaxLen的設定屬性,功能等同MaxLength.
主要是調整對asp.net中textbox的textmode=multiline時,設定maxlength會被清除的問題.
update : (2009/8/28)
修正當有輸入方塊中有預設內容時,並不會顯示現有字數