js實(shí)時(shí)計(jì)算字?jǐn)?shù)提醒的文本框
更新時(shí)間：2010年07月09日 00:11:35 作者：
那天在一個(gè)論壇上看到一個(gè)相當(dāng)有意思的功能，就是在文本框中輸入字符的時(shí)候，旁邊會(huì)提示還可以輸入多少個(gè)字。
自己想了一下應(yīng)該是用JavaScript實(shí)現(xiàn)的，今天把它做出來(lái)了。原理很簡(jiǎn)單就是根據(jù)文本框觸發(fā)的onkeyup事件來(lái)獲得當(dāng)前文本框字符的長(zhǎng)度，然后文本框允許輸入的最大字符數(shù)來(lái)減去當(dāng)前的字符數(shù)，并用label控件顯示出來(lái)就可以了。
效果圖:
演示代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
效果圖:
演示代碼:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
您可能感興趣的文章:
- JavaScript輸入框字?jǐn)?shù)實(shí)時(shí)統(tǒng)計(jì)更新
- JavaScript中統(tǒng)計(jì)Textarea字?jǐn)?shù)并提示還能輸入的字符
- Javascript實(shí)現(xiàn)字?jǐn)?shù)統(tǒng)計(jì)
- JavaScript實(shí)現(xiàn)統(tǒng)計(jì)文本框Textarea字?jǐn)?shù)增強(qiáng)用戶體驗(yàn)
- js實(shí)現(xiàn)多行文本框統(tǒng)計(jì)剩余字?jǐn)?shù)功能
- js實(shí)現(xiàn)textarea限制輸入字?jǐn)?shù)
- JavaScript動(dòng)態(tài)提示輸入框輸入字?jǐn)?shù)的方法
- js判斷文本框剩余可輸入字?jǐn)?shù)的方法
- JS控制文本框textarea輸入字?jǐn)?shù)限制的方法
- JavaScript實(shí)現(xiàn)的仿新浪微博原生態(tài)輸入字?jǐn)?shù)即時(shí)檢查功能【兼容IE6】
相關(guān)文章
通過(guò)隱藏option實(shí)現(xiàn)select的聯(lián)動(dòng)效果
開(kāi)始的時(shí)候需求是根據(jù)一定條件隱藏一部分<option>標(biāo)簽，類似聯(lián)動(dòng)效果，但是目前的html規(guī)范并沒(méi)有為<option>提供隱藏的效果，因此常用的設(shè)置display或者visibility無(wú)效。2009-11-11
Ctrl + Enter提交前檢測(cè)的代碼...2006-08-08
js幾個(gè)驗(yàn)證函數(shù)代碼，需要的朋友可以參考下。2010-03-03
Javascript實(shí)現(xiàn)圖片不間斷滾動(dòng)的代碼
這篇文章主要分享一段js圖片不間斷滾動(dòng)的代碼,蠻優(yōu)秀的,需要的朋友可以參考下。2016-06-06
實(shí)現(xiàn)一個(gè)年、月、季度聯(lián)動(dòng)SELECT的javascript代碼
實(shí)現(xiàn)一個(gè)年、月、季度聯(lián)動(dòng)SELECT的javascript代碼...2007-07-07
在textarea中顯示html頁(yè)面的javascript代碼
在textarea中顯示html頁(yè)面的javascript代碼...2007-04-04
sina的lightbox效果。...2007-01-01
js form action動(dòng)態(tài)修改方法
js修改form的action屬性的函數(shù)2008-11-11
清空上傳控件input file的值的代碼2010-07-07
JavaScript控制文本框的值連續(xù)加減，一方面學(xué)習(xí)如何適時(shí)對(duì)文本框賦值，另一方面學(xué)習(xí)如何在對(duì)象上進(jìn)行運(yùn)算，很有用處哦。2009-10-10