 
<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部分

復制代碼代碼如下:

 
<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：本站還提供了一個關于字符統(tǒng)計的工具，感興趣的朋友可以參考一下：

在線字數(shù)統(tǒng)計工具：

http://tools.jb51.net/code/zishutongji

您可能感興趣的文章:

jquery實現(xiàn)仿Flash的橫向滑動菜單效果代碼
這篇文章主要介紹了jquery實現(xiàn)仿Flash的橫向滑動菜單效果代碼,可實現(xiàn)滑塊跟隨鼠標滑動效果的功能,具有一定參考借鑒價值,需要的朋友可以參考下
2015-09-09
jQuery模仿阿里云購買服務器選擇購買時間長度的代碼
jQuery仿阿里云購買服務器選擇時間長度,操作簡單，只需點擊所要選的時間段，對實現(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ù)字校驗正則表達式
本文主要介紹了jquery正整數(shù)數(shù)字校驗正則表達式的方法。具有一定的參考價值，下面跟著小編一起來看下吧
2017-01-01
使用jQuery異步加載 JavaScript腳本解決方案
這篇文章主要介紹了如何使用jQuery異步加載JavaScript腳本,需要的朋友可以參考下
2014-04-04
jQuery實現(xiàn)帶分組數(shù)據的Table表頭排序實例分析
這篇文章主要介紹了jQuery實現(xiàn)帶分組數(shù)據的Table表頭排序方法,結合實例形式較為詳細的分析了jQuery針對表頭的操作及元素遍歷排序相關實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
2015-11-11
jQuery之尺寸調整組件的深入解析
本篇文章是對jQuery中的尺寸調整組件進行了詳細的分析介紹，需要的朋友參考下
2013-06-06
Spring MVC中Ajax實現(xiàn)二級聯(lián)動的簡單實例
下面小編就為大家?guī)硪黄猄pring MVC中Ajax實現(xiàn)二級聯(lián)動的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-07-07
Jquery下attr和removeAttr的使用方法
jquery提供一種操作DOM元素屬性的方法: attr(修改和增加DOM元素的屬性) 和 removeAttr(移除屬性)。
2010-12-12
Jquery 插件學習實例1 插件制作說明與tableUI優(yōu)化
Jquery 插件學習實例1 插件制作說明與tableUI優(yōu)化，需要的朋友可以參考下。
2010-04-04