jquery統(tǒng)計(jì)輸入文字的個(gè)數(shù)并對(duì)其進(jìn)行判斷
更新時(shí)間：2014年01月07日 15:54:24 投稿：whsnow
判斷輸入文字個(gè)數(shù)并提示還可以輸入多少個(gè)字，類似的功能使用jquery便可輕松實(shí)現(xiàn)
1、js代碼部分
復(fù)制代碼 代碼如下:
<script type="text/javascript">
$(function() {
function albumName() {
var text = $("#album_name").val();
var counter = text.length;
$("#numtj var").text(counter);
$(document).keyup(function() {
var text = $("#album_name").val();
var counter = text.length;
$("#name_word").text(counter);
});
}
});
</script>
2、html部分
復(fù)制代碼 代碼如下:
<input type="text" maxlength="30" class="int_txt" name="album_name" id="album_name">
<span class="count_txt"><span id="name_word">0</span>/30</span>
3、貼張圖看下效果
PS：本站還提供了一個(gè)關(guān)于字符統(tǒng)計(jì)的工具，感興趣的朋友可以參考一下：
在線字?jǐn)?shù)統(tǒng)計(jì)工具：
http://tools.jb51.net/code/zishutongji
您可能感興趣的文章:
- IOS計(jì)步器功能實(shí)現(xiàn)之Healthkit和CMPedometer
- JavaScript實(shí)現(xiàn)網(wǎng)站訪問(wèn)次數(shù)統(tǒng)計(jì)代碼
- js cookies實(shí)現(xiàn)簡(jiǎn)單統(tǒng)計(jì)訪問(wèn)次數(shù)
- awk統(tǒng)計(jì)文件中某關(guān)鍵詞出現(xiàn)次數(shù)的命令
- php下用cookie統(tǒng)計(jì)用戶訪問(wèn)網(wǎng)頁(yè)次數(shù)的代碼
- C#統(tǒng)計(jì)字符串里中文漢字個(gè)數(shù)的方法
- js統(tǒng)計(jì)頁(yè)面的來(lái)訪次數(shù)實(shí)現(xiàn)代碼
- 使用cookie實(shí)現(xiàn)統(tǒng)計(jì)訪問(wèn)者登陸次數(shù)
- 利用java監(jiān)聽(tīng)器實(shí)現(xiàn)在線人數(shù)統(tǒng)計(jì)
- 超精準(zhǔn)的Android手機(jī)計(jì)步器開(kāi)發(fā)
相關(guān)文章
each()函數(shù)是基本上所有的框架都提供了的一個(gè)工具類函數(shù)，通過(guò)它，你可以遍歷對(duì)象、數(shù)組的屬性值并進(jìn)行處理。2010-03-03
接下來(lái)幾篇教程，將重點(diǎn)講解jquery1.4新增的16個(gè)方法，有幾個(gè)方法還是非常實(shí)用的。2010-02-02
推薦40款強(qiáng)大的 jQuery 導(dǎo)航插件和教程(上篇)
在下面的集合中，你會(huì)發(fā)現(xiàn)很多便利的 jQuery 導(dǎo)航插件和有用的教程，幫助你實(shí)現(xiàn)充滿吸引力的網(wǎng)站導(dǎo)航，讓你網(wǎng)站更有組織性和交互性2012-09-09
在前臺(tái)的表格中單擊單元格便可修改其中的內(nèi)容，回車鍵保存修改的內(nèi)容，esc撤銷保存的內(nèi)容2014-05-05
自定義類似于jQuery UI Selectable 的Vue指令v-selectable
這篇文章主要介紹了自定義類似于jQuery UI Selectable 的Vue指令v-selectable的相關(guān)資料,需要的朋友可以參考下2017-08-08
下面小編就為大家?guī)?lái)一篇jQuery菜單實(shí)例(全選,反選,取消)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-08-08
一個(gè)實(shí)用的圖片切換支持點(diǎn)擊切換和自動(dòng)輪播
這篇文章主要介紹了一個(gè)實(shí)用的圖片切換支持點(diǎn)擊切換和自動(dòng)輪播，經(jīng)測(cè)試效果相當(dāng)不錯(cuò)，需要的朋友可以參考下2014-09-09
jquery 圖片縮放拖動(dòng)的簡(jiǎn)單實(shí)例
本篇文章只要是對(duì)jquery 圖片縮放拖動(dòng)的簡(jiǎn)單實(shí)例進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-01-01
淺談原生JS實(shí)現(xiàn)jQuery的animate()動(dòng)畫示例
本篇文章主要介紹了淺談原生JS實(shí)現(xiàn)jQuery的animate()動(dòng)畫示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-03-03
jQuery+css實(shí)現(xiàn)的換頁(yè)標(biāo)簽欄效果
這篇文章主要介紹了jQuery+css實(shí)現(xiàn)的換頁(yè)標(biāo)簽欄效果,涉及jQuery動(dòng)態(tài)操作頁(yè)面元素構(gòu)造換頁(yè)標(biāo)簽的相關(guān)技巧,需要的朋友可以參考下2016-01-01