jQuery實現(xiàn)統(tǒng)計輸入文字個數(shù)的方法
更新時間：2015年03月11日 12:26:56 作者：zhousir
這篇文章主要介紹了jQuery實現(xiàn)統(tǒng)計輸入文字個數(shù)的方法,涉及jQuery操作鼠標事件及dom元素的技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實例講述了jQuery實現(xiàn)統(tǒng)計輸入文字個數(shù)的方法。分享給大家供大家參考。具體如下：
jQuery統(tǒng)計輸入文字個數(shù)可以使用在統(tǒng)計回復字數(shù)，標題字數(shù)長度提示，增加友好度提高用戶體驗。代碼如下：
復制代碼 代碼如下:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery統(tǒng)計文字個數(shù)</title>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<ul>
<li>
<span>新聞標題:</span>
<span><input id="news_title" name="news_title" type="text" size="60" onkeyup="title_len();" onclick="title_len();" maxlength="80"/>
<span id="titlelen">0/80</span>
</li>
</ul>
</body>
<script language="javascript" type="text/javascript">
function title_len(){
var value = $('#news_title').val().length;
if(value == 80){
var string = "<span style=\"color:#FF0000\">"+value+"/80</span>";
}else{
var string = "<span style=\"color:#FF0000\">"+value+"</span>/80";
}
$('#titlelen').html(string);
}
</script>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery統(tǒng)計文字個數(shù)</title>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<ul>
<li>
<span>新聞標題:</span>
<span><input id="news_title" name="news_title" type="text" size="60" onkeyup="title_len();" onclick="title_len();" maxlength="80"/>
<span id="titlelen">0/80</span>
</li>
</ul>
</body>
<script language="javascript" type="text/javascript">
function title_len(){
var value = $('#news_title').val().length;
if(value == 80){
var string = "<span style=\"color:#FF0000\">"+value+"/80</span>";
}else{
var string = "<span style=\"color:#FF0000\">"+value+"</span>/80";
}
$('#titlelen').html(string);
}
</script>
</html>
希望本文所述對大家的jQuery程序設計有所幫助。
您可能感興趣的文章:
相關文章
伸縮的導航有不少優(yōu)點的，可以在有限的空間里容下很多的內容，下面有個不錯的示例用到JQuery，感興趣的朋友可以參考下2013-11-11
這篇文章主要介紹了jQuery圖片加載失敗替換默認圖片方法匯總,運用到的相關知識jquery的ready方法、$("img").error()、img的complete屬性、插件imagesLoaded、事件委托、事件捕獲和圖片預加載的方法等，需要的朋友可以參考下2017-11-11
本文主要介紹了獲取jqGrid中選擇的行的數(shù)據(jù)的語法和獲取簡例，需要的朋友可以看下2016-11-11
Tipso是一款基于jQuery的Tooltip提示框插件，他提供了眾多參數(shù)，如顯示動畫持續(xù)時間、背景顏色、文本顏色、顯示位置、加載ajax內容、回調函數(shù)等等。2015-05-05
jquery 簡短幾句代碼實現(xiàn)給元素動態(tài)添加及獲取提示信息
雖然是很基本的東西，但為什么很基本的方法就可以實現(xiàn)的東西有些人偏偏還要去追求復雜高深難懂的呢？這里只是交流而已2011-09-09
如果你不知道什么是jQuery autocomplete插件，請看圖。你可以測試一下本站的搜索。當然也可以百度一下。2009-04-04
其實主要是想記錄一下這種對象的用法，喜歡的朋友可以參考下2012-02-02
jquery事件與函數(shù)在使用中很頻繁，在本文為大家介紹下事件綁定及函數(shù)聲明和命名函數(shù)表達式，感興趣的朋友可以參考下2013-09-09
這篇文章主要介紹了jQuery插件擴展操作,結合簡單實例形式分析了jQuery擴展方法的定義與使用技巧,非常簡單易懂,需要的朋友可以參考下2017-01-01
本章節(jié)主要介紹了jQuery在HTML中動態(tài)插入節(jié)點的各種方法,制作成表格，方便大家對比學習，需要的朋友可以參考下2015-03-03