欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

 更新時(shí)間：2010年04月16日 17:56:28   作者：  
相信大家對(duì)twitter類的微博客都不陌生,作為一句話博客其字?jǐn)?shù)即時(shí)提示效果設(shè)計(jì)的非常人性化.

實(shí)現(xiàn)這個(gè)效果有很多方法,這里就介紹一種jQuery插件maxlength,它的使用非常簡(jiǎn)單,讓我們先看看演示:
jquery maxlength演示地址
演示代碼打包下載 
看看Demo中的重點(diǎn)代碼:
1.載入maxlength.js
<script type="text/javascript" src="maxlength.js"></script>
2.加入函數(shù),Demo中有3個(gè)例子,你可以根據(jù)實(shí)際需要選擇不同的函數(shù),不過(guò)最后一個(gè)例子對(duì)于中文而言是無(wú)效的.
復(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> 個(gè)字符</p>
<textarea class="limited"></textarea>
<input type="hidden" name="maxlength" value="20" />
</form>
<form action="">
<p>可以輸入 <span class="charsLeft">10</span> 個(gè)字符</p>
<input maxlength="10" class="limited" />
</form>

一些必要的解釋:
'useInput' : true 因?yàn)閠extarea需要借助input來(lái)實(shí)現(xiàn),所以當(dāng)你使用textarea的時(shí)候就需要這個(gè)參數(shù)
'feedback' : '.charsLeft' 是指即時(shí)顯示的字?jǐn)?shù)放入 class="charsLeft " 的容器中
input中設(shè)置最大數(shù)值直接用 maxlength="10"
textarea中的大數(shù)值需要設(shè)置與其對(duì)應(yīng)input的value數(shù)值 value="20"

相關(guān)文章

最新評(píng)論