jQuery maxlength文本字數(shù)限制插件
更新時間:2010年04月16日 17:56:28 作者:
相信大家對twitter類的微博客都不陌生,作為一句話博客其字數(shù)即時提示效果設計的非常人性化.

實現(xiàn)這個效果有很多方法,這里就介紹一種jQuery插件maxlength,它的使用非常簡單,讓我們先看看演示:
jquery maxlength演示地址
演示代碼打包下載
看看Demo中的重點代碼:
1.載入maxlength.js
<script type="text/javascript" src="maxlength.js"></script>
2.加入函數(shù),Demo中有3個例子,你可以根據(jù)實際需要選擇不同的函數(shù),不過最后一個例子對于中文而言是無效的.
復制代碼 代碼如下:
$(function () {
$('textarea.limited').maxlength({
'feedback' : '.charsLeft', 'useInput' : true
});
$('input.limited').maxlength({
'feedback' : '.charsLeft'
});
$('textarea.wordLimited').maxlength({
'words': true,
'feedback': '.wordsLeft', 'useInput' : true
});
});
3.調用
復制代碼 代碼如下:
<form action="">
<p>可以輸入 <span class="charsLeft">20</span> 個字符</p>
<textarea class="limited"></textarea>
<input type="hidden" name="maxlength" value="20" />
</form>
<form action="">
<p>可以輸入 <span class="charsLeft">10</span> 個字符</p>
<input maxlength="10" class="limited" />
</form>
一些必要的解釋:
'useInput' : true 因為textarea需要借助input來實現(xiàn),所以當你使用textarea的時候就需要這個參數(shù)
'feedback' : '.charsLeft' 是指即時顯示的字數(shù)放入 class="charsLeft " 的容器中
input中設置最大數(shù)值直接用 maxlength="10"
textarea中的大數(shù)值需要設置與其對應input的value數(shù)值 value="20"
您可能感興趣的文章:
- jQuery中size()方法用法實例
- jquery下div 的resize事件示例代碼
- jquery得到font-size屬性值實現(xiàn)代碼
- jquery 實現(xiàn)的改變顏色與背景的代碼 change(fontsize,background)補充2
- Jquery change(fontsize,background) 改變顏色與背景的代碼
- jQuery對象的length屬性用法實例
- 通過length屬性判斷jquery對象是否存在
- TextArea不支持maxlength的解決辦法(jquery)
- JQuery為textarea添加maxlength屬性的代碼
- jQuery length 和 size()區(qū)別總結
相關文章
jquery(javascript)自動序列編號和屬性編號實現(xiàn)代碼
jquery(javascript)自動序列編號和屬性編號實現(xiàn)代碼,需要的朋友可以參考下2012-07-07