jquery統(tǒng)計(jì)輸入文字的個(gè)數(shù)并對(duì)其進(jìn)行判斷
更新時(shí)間：2014年01月07日 15:54:24 投稿：whsnow
判斷輸入文字個(gè)數(shù)并提示還可以輸入多少個(gè)字，類(lèi)似的功能使用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ì)用戶(hù)訪問(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)文章
jquery實(shí)現(xiàn)仿Flash的橫向滑動(dòng)菜單效果代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)仿Flash的橫向滑動(dòng)菜單效果代碼,可實(shí)現(xiàn)滑塊跟隨鼠標(biāo)滑動(dòng)效果的功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
jQuery模仿阿里云購(gòu)買(mǎi)服務(wù)器選擇購(gòu)買(mǎi)時(shí)間長(zhǎng)度的代碼
jQuery仿阿里云購(gòu)買(mǎi)服務(wù)器選擇時(shí)間長(zhǎng)度,操作簡(jiǎn)單，只需點(diǎn)擊所要選的時(shí)間段，對(duì)實(shí)現(xiàn)代碼感興趣的朋友參考下2016-04-04
jQuery中的ready函數(shù)與window.onload誰(shuí)先執(zhí)行
這篇文章主要介紹了jquery中ready函數(shù)與window.onload函數(shù)的區(qū)別，別講解了他們各自執(zhí)行的時(shí)機(jī)，通俗易懂，需要的朋友可以參考下。2016-06-06
jquery 正整數(shù)數(shù)字校驗(yàn)正則表達(dá)式
本文主要介紹了jquery正整數(shù)數(shù)字校驗(yàn)正則表達(dá)式的方法。具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧2017-01-01
這篇文章主要介紹了如何使用jQuery異步加載JavaScript腳本,需要的朋友可以參考下2014-04-04
本篇文章是對(duì)jQuery中的尺寸調(diào)整組件進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下
2013-06-06 
Spring MVC中Ajax實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)的簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇Spring MVC中Ajax實(shí)現(xiàn)二級(jí)聯(lián)動(dòng)的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-07-07 
jquery提供一種操作DOM元素屬性的方法: attr(修改和增加DOM元素的屬性) 和 removeAttr(移除屬性)。
2010-12-12 
Jquery 插件學(xué)習(xí)實(shí)例1 插件制作說(shuō)明與tableUI優(yōu)化
Jquery 插件學(xué)習(xí)實(shí)例1 插件制作說(shuō)明與tableUI優(yōu)化，需要的朋友可以參考下。
2010-04-04