js實時計算字?jǐn)?shù)提醒的文本框
更新時間：2010年07月09日 00:11:35 作者：
那天在一個論壇上看到一個相當(dāng)有意思的功能，就是在文本框中輸入字符的時候，旁邊會提示還可以輸入多少個字。
自己想了一下應(yīng)該是用JavaScript實現(xiàn)的，今天把它做出來了。原理很簡單就是根據(jù)文本框觸發(fā)的onkeyup事件來獲得當(dāng)前文本框字符的長度，然后文本框允許輸入的最大字符數(shù)來減去當(dāng)前的字符數(shù)，并用label控件顯示出來就可以了。
效果圖:
演示代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
效果圖:
演示代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
您可能感興趣的文章:
- JavaScript輸入框字?jǐn)?shù)實時統(tǒng)計更新
- JavaScript中統(tǒng)計Textarea字?jǐn)?shù)并提示還能輸入的字符
- Javascript實現(xiàn)字?jǐn)?shù)統(tǒng)計
- JavaScript實現(xiàn)統(tǒng)計文本框Textarea字?jǐn)?shù)增強用戶體驗
- js實現(xiàn)多行文本框統(tǒng)計剩余字?jǐn)?shù)功能
- js實現(xiàn)textarea限制輸入字?jǐn)?shù)
- JavaScript動態(tài)提示輸入框輸入字?jǐn)?shù)的方法
- js判斷文本框剩余可輸入字?jǐn)?shù)的方法
- JS控制文本框textarea輸入字?jǐn)?shù)限制的方法
- JavaScript實現(xiàn)的仿新浪微博原生態(tài)輸入字?jǐn)?shù)即時檢查功能【兼容IE6】
相關(guān)文章
同一個表單 根據(jù)要求遞交到不同頁面的實現(xiàn)方法小結(jié)
同一個表單 根據(jù)要求遞交到不同頁面的實現(xiàn)方法，就是好多網(wǎng)站，可以百度一個表單可以搜索音樂，圖片等2009-08-08
JavaScript實現(xiàn)動態(tài)增加文件域表單
對于上傳多個文件，可以通過js來動態(tài)生成文件域，下面是源代碼，收藏在這里，供以后直接使用，hoho！2009-02-02
JavaScript關(guān)于select的相關(guān)操作說明
JavaScript關(guān)于select的相關(guān)操作參考代碼。2010-01-01
使用button標(biāo)簽，實現(xiàn)三態(tài)圖片按鈕
使用button標(biāo)簽，實現(xiàn)三態(tài)圖片按鈕...2007-01-01
javascript下兼容firefox選取textarea文本的代碼
兼容firefox和ie的選取textarea文本的方法2008-06-06
JavaScript檢查表單是否為空的函數(shù)...2007-11-11
JS option location 頁面跳轉(zhuǎn)實現(xiàn)代碼
JS中l(wèi)ocation對象 在option中的應(yīng)用（跳轉(zhuǎn)采單），方便通過 option實現(xiàn)頁面的切換2008-12-12
javascript實現(xiàn)愛你在FF IE下都有效的添加一個項目
javascript實現(xiàn)愛你在FF IE下都有效的添加一個項目...2007-07-07
模擬用戶操作Input元素，不會觸發(fā)相應(yīng)事件
模擬用戶操作Input元素，不會觸發(fā)相應(yīng)事件...2007-05-05
textarea保留換行的注意事項...2007-08-08