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ù)增強(qiáng)用戶體驗
- 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)文章
通過隱藏option實現(xiàn)select的聯(lián)動效果
開始的時候需求是根據(jù)一定條件隱藏一部分<option>標(biāo)簽，類似聯(lián)動效果，但是目前的html規(guī)范并沒有為<option>提供隱藏的效果，因此常用的設(shè)置display或者visibility無效。2009-11-11
Ctrl + Enter提交前檢測的代碼...2006-08-08
js幾個驗證函數(shù)代碼，需要的朋友可以參考下。2010-03-03
這篇文章主要分享一段js圖片不間斷滾動的代碼,蠻優(yōu)秀的,需要的朋友可以參考下。2016-06-06
實現(xiàn)一個年、月、季度聯(lián)動SELECT的javascript代碼
實現(xiàn)一個年、月、季度聯(lián)動SELECT的javascript代碼...2007-07-07
在textarea中顯示html頁面的javascript代碼
在textarea中顯示html頁面的javascript代碼...2007-04-04
sina的lightbox效果。...2007-01-01
js修改form的action屬性的函數(shù)2008-11-11
清空上傳控件input file的值的代碼2010-07-07
JavaScript控制文本框的值連續(xù)加減，一方面學(xué)習(xí)如何適時對文本框賦值，另一方面學(xué)習(xí)如何在對象上進(jìn)行運算，很有用處哦。2009-10-10