jquery統(tǒng)計輸入文字的個數(shù)并對其進行判斷
更新時間：2014年01月07日 15:54:24 投稿：whsnow
判斷輸入文字個數(shù)并提示還可以輸入多少個字，類似的功能使用jquery便可輕松實現(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：本站還提供了一個關(guān)于字符統(tǒng)計的工具，感興趣的朋友可以參考一下：
在線字數(shù)統(tǒng)計工具：
http://tools.jb51.net/code/zishutongji
您可能感興趣的文章:
- IOS計步器功能實現(xiàn)之Healthkit和CMPedometer
- JavaScript實現(xiàn)網(wǎng)站訪問次數(shù)統(tǒng)計代碼
- js cookies實現(xiàn)簡單統(tǒng)計訪問次數(shù)
- awk統(tǒng)計文件中某關(guān)鍵詞出現(xiàn)次數(shù)的命令
- php下用cookie統(tǒng)計用戶訪問網(wǎng)頁次數(shù)的代碼
- C#統(tǒng)計字符串里中文漢字個數(shù)的方法
- js統(tǒng)計頁面的來訪次數(shù)實現(xiàn)代碼
- 使用cookie實現(xiàn)統(tǒng)計訪問者登陸次數(shù)
- 利用java監(jiān)聽器實現(xiàn)在線人數(shù)統(tǒng)計
- 超精準(zhǔn)的Android手機計步器開發(fā)
相關(guān)文章
jquery實現(xiàn)仿Flash的橫向滑動菜單效果代碼
這篇文章主要介紹了jquery實現(xiàn)仿Flash的橫向滑動菜單效果代碼,可實現(xiàn)滑塊跟隨鼠標(biāo)滑動效果的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
jQuery模仿阿里云購買服務(wù)器選擇購買時間長度的代碼
jQuery仿阿里云購買服務(wù)器選擇時間長度,操作簡單，只需點擊所要選的時間段，對實現(xiàn)代碼感興趣的朋友參考下2016-04-04
jQuery中的ready函數(shù)與window.onload誰先執(zhí)行
這篇文章主要介紹了jquery中ready函數(shù)與window.onload函數(shù)的區(qū)別，別講解了他們各自執(zhí)行的時機，通俗易懂，需要的朋友可以參考下。2016-06-06
本文主要介紹了jquery正整數(shù)數(shù)字校驗正則表達式的方法。具有一定的參考價值，下面跟著小編一起來看下吧2017-01-01
這篇文章主要介紹了如何使用jQuery異步加載JavaScript腳本,需要的朋友可以參考下2014-04-04
本篇文章是對jQuery中的尺寸調(diào)整組件進行了詳細的分析介紹，需要的朋友參考下
2013-06-06 
Spring MVC中Ajax實現(xiàn)二級聯(lián)動的簡單實例
下面小編就為大家?guī)硪黄猄pring MVC中Ajax實現(xiàn)二級聯(lián)動的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-07-07 
jquery提供一種操作DOM元素屬性的方法: attr(修改和增加DOM元素的屬性) 和 removeAttr(移除屬性)。
2010-12-12 
Jquery 插件學(xué)習(xí)實例1 插件制作說明與tableUI優(yōu)化
Jquery 插件學(xué)習(xí)實例1 插件制作說明與tableUI優(yōu)化，需要的朋友可以參考下。
2010-04-04