亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

jQuery maxlength文本字?jǐn)?shù)限制插件

 更新時間:2010年04月16日 17:56:28   作者:  
相信大家對twitter類的微博客都不陌生,作為一句話博客其字?jǐn)?shù)即時提示效果設(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ù),不過最后一個例子對于中文而言是無效的.
復(fù)制代碼 代碼如下:

$(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)用
復(fù)制代碼 代碼如下:

<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"

相關(guān)文章

最新評論