jquery統(tǒng)計輸入文字的個數(shù)并對其進行判斷

更新時間：2014年01月07日 15:54:24 投稿：whsnow

判斷輸入文字個數(shù)并提示還可以輸入多少個字，類似的功能使用jquery便可輕松實現(xiàn)

1、js代碼部分

 
<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 each()方法的使用方法
each()函數(shù)是基本上所有的框架都提供了的一個工具類函數(shù)，通過它，你可以遍歷對象、數(shù)組的屬性值并進行處理。
2010-03-03
jquery1.4 教程三新增方法教程
接下來幾篇教程，將重點講解jquery1.4新增的16個方法，有幾個方法還是非常實用的。
2010-02-02
推薦40款強大的 jQuery 導航插件和教程(上篇)
在下面的集合中，你會發(fā)現(xiàn)很多便利的 jQuery 導航插件和有用的教程，幫助你實現(xiàn)充滿吸引力的網(wǎng)站導航，讓你網(wǎng)站更有組織性和交互性
2012-09-09
利用jQuery實現(xiàn)可以編輯的表格
在前臺的表格中單擊單元格便可修改其中的內容，回車鍵保存修改的內容，esc撤銷保存的內容
2014-05-05
自定義類似于jQuery UI Selectable 的Vue指令v-selectable
這篇文章主要介紹了自定義類似于jQuery UI Selectable 的Vue指令v-selectable的相關資料,需要的朋友可以參考下
2017-08-08
jQuery菜單實例(全選,反選,取消)
下面小編就為大家?guī)硪黄猨Query菜單實例(全選,反選,取消)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-08-08
一個實用的圖片切換支持點擊切換和自動輪播
這篇文章主要介紹了一個實用的圖片切換支持點擊切換和自動輪播，經(jīng)測試效果相當不錯，需要的朋友可以參考下
2014-09-09
jquery 圖片縮放拖動的簡單實例
本篇文章只要是對jquery 圖片縮放拖動的簡單實例進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助
2014-01-01
淺談原生JS實現(xiàn)jQuery的animate()動畫示例
本篇文章主要介紹了淺談原生JS實現(xiàn)jQuery的animate()動畫示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-03-03
jQuery+css實現(xiàn)的換頁標簽欄效果
這篇文章主要介紹了jQuery+css實現(xiàn)的換頁標簽欄效果,涉及jQuery動態(tài)操作頁面元素構造換頁標簽的相關技巧,需要的朋友可以參考下
2016-01-01