jquery實現(xiàn)textarea輸入框限制字數(shù)的方法
本文實例講述了jquery實現(xiàn)textarea輸入框限制字數(shù)的方法。分享給大家供大家參考。具體分析如下:
網(wǎng)上有使用屬性 disabled 來實現(xiàn),這個不好,想修改都沒有修改。當然,這個也不是很完美。
<head>
<title> jquery完美實現(xiàn)textarea輸入框限制字數(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>說點什么吧,你可以輸入<span>140</span>個字,現(xiàn)在剩余<span id="word">140</span>個</h6>
<textarea name="con" id="weibo" cols="45" rows="6"></textarea>
</body>
</html>
希望本文所述對大家的jQuery程序設計有所幫助。
相關文章
基于jQuery Bar Indicator 插件實現(xiàn)進度條展示效果
這篇文章主要介紹了基于jQuery Bar Indicator 插件實現(xiàn)進度條展示效果的相關資料,需要的朋友可以參考下2015-09-09jQuery實現(xiàn)的多選框多級聯(lián)動插件
這篇文章主要介紹了jQuery實現(xiàn)的多選框聯(lián)動插件,需要的朋友可以參考下2014-05-05jquery插件NProgress.js制作網(wǎng)頁加載進度條
這篇文章主要介紹了jquery插件NProgress.js制作網(wǎng)頁加載進度條的相關資料,需要的朋友可以參考下2015-06-06jquery自定義類似$.ajax()的方法實現(xiàn)代碼
$.ajax()的方法想必大家都不會陌生,下面為大家介紹下使用jquery自定義類實現(xiàn)類似$.ajax()的方法,感興趣的朋友可以參考下2013-08-08JQuery 應用 JQuery.groupTable.js
在以往的項目中,數(shù)據(jù)瀏覽用的都table 的形式展現(xiàn)。如下圖1, 這是一個很常見的表格。通常對分類的字段先進行排序。為了讓分類表現(xiàn)的更直觀。2010-12-12jQuery Mobile的loading對話框顯示/隱藏方法分享
jQuery Mobile提供兩個方法,使得開發(fā)者在編寫JavaScript業(yè)務編輯時,可以隨意的控制loading提示框2013-11-11jQuery 獲取對象 根據(jù)屬性、內(nèi)容匹配, 還有表單元素匹配
jQuery 練習 獲取對象(3) - 根據(jù)屬性、內(nèi)容匹配, 還有表單元素匹配2010-05-05