jquery實(shí)現(xiàn)textarea輸入框限制字?jǐn)?shù)的方法
本文實(shí)例講述了jquery實(shí)現(xiàn)textarea輸入框限制字?jǐn)?shù)的方法。分享給大家供大家參考。具體分析如下:
網(wǎng)上有使用屬性 disabled 來(lái)實(shí)現(xiàn),這個(gè)不好,想修改都沒(méi)有修改。當(dāng)然,這個(gè)也不是很完美。
<head>
<title> jquery完美實(shí)現(xiàn)textarea輸入框限制字?jǐn)?shù)</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<script type="text/javascript" src="jquery-1.8.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#weibo").keyup(function(){
var len = $(this).val().length;
if(len > 139){
$(this).val($(this).val().substring(0,140));
}
var num = 140 - len;
$("#word").text(num);
});
});
</script>
<style type="text/css">
h6{color:blue;}
textarea{resize:none;}
#word{color:red;}
</style>
</head>
<body>
<h6>說(shuō)點(diǎn)什么吧,你可以輸入<span>140</span>個(gè)字,現(xiàn)在剩余<span id="word">140</span>個(gè)</h6>
<textarea name="con" id="weibo" cols="45" rows="6"></textarea>
</body>
</html>
希望本文所述對(duì)大家的jQuery程序設(shè)計(jì)有所幫助。
相關(guān)文章
基于jQuery Bar Indicator 插件實(shí)現(xiàn)進(jìn)度條展示效果
這篇文章主要介紹了基于jQuery Bar Indicator 插件實(shí)現(xiàn)進(jìn)度條展示效果的相關(guān)資料,需要的朋友可以參考下2015-09-09jQuery實(shí)現(xiàn)的多選框多級(jí)聯(lián)動(dòng)插件
這篇文章主要介紹了jQuery實(shí)現(xiàn)的多選框聯(lián)動(dòng)插件,需要的朋友可以參考下2014-05-05Jquery1.9.1源碼分析系列(十五)動(dòng)畫(huà)處理之外篇
這篇文章主要介紹了Jquery1.9.1源碼分析系列(十五)動(dòng)畫(huà)處理之外篇 的相關(guān)資料,需要的朋友可以參考下2015-12-12jquery插件NProgress.js制作網(wǎng)頁(yè)加載進(jìn)度條
這篇文章主要介紹了jquery插件NProgress.js制作網(wǎng)頁(yè)加載進(jìn)度條的相關(guān)資料,需要的朋友可以參考下2015-06-06jquery自定義類(lèi)似$.ajax()的方法實(shí)現(xiàn)代碼
$.ajax()的方法想必大家都不會(huì)陌生,下面為大家介紹下使用jquery自定義類(lèi)實(shí)現(xiàn)類(lèi)似$.ajax()的方法,感興趣的朋友可以參考下2013-08-08JQuery 應(yīng)用 JQuery.groupTable.js
在以往的項(xiàng)目中,數(shù)據(jù)瀏覽用的都table 的形式展現(xiàn)。如下圖1, 這是一個(gè)很常見(jiàn)的表格。通常對(duì)分類(lèi)的字段先進(jìn)行排序。為了讓分類(lèi)表現(xiàn)的更直觀。2010-12-12jQuery Mobile的loading對(duì)話(huà)框顯示/隱藏方法分享
jQuery Mobile提供兩個(gè)方法,使得開(kāi)發(fā)者在編寫(xiě)JavaScript業(yè)務(wù)編輯時(shí),可以隨意的控制loading提示框2013-11-11jQuery 獲取對(duì)象 根據(jù)屬性、內(nèi)容匹配, 還有表單元素匹配
jQuery 練習(xí) 獲取對(duì)象(3) - 根據(jù)屬性、內(nèi)容匹配, 還有表單元素匹配2010-05-05jquery.validate表單驗(yàn)證插件使用方法解析
這篇文章主要為大家詳細(xì)介紹了jquery.validate表單驗(yàn)證插件使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11