jQuery maxlength文本字?jǐn)?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.調(diào)用
<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),所以當(dāng)你使用textarea的時候就需要這個參數(shù)
'feedback' : '.charsLeft' 是指即時顯示的字?jǐn)?shù)放入 class="charsLeft " 的容器中
input中設(shè)置最大數(shù)值直接用 maxlength="10"
textarea中的大數(shù)值需要設(shè)置與其對應(yīng)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ū)別總結(jié)
相關(guān)文章
jquery(javascript)自動序列編號和屬性編號實現(xiàn)代碼
jquery(javascript)自動序列編號和屬性編號實現(xiàn)代碼,需要的朋友可以參考下2012-07-07jQuery內(nèi)置的AJAX功能和JSON的使用實例
通過jQuery內(nèi)置的AJAX功能,訪問后臺獲得JSON格式的數(shù)據(jù),然后通過jQuer把數(shù)據(jù)直接在頁面上顯示,需要的朋友可以參考下2014-07-07