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

jQuery 類twitter的文本字?jǐn)?shù)限制帶提示效果插件

 更新時間：2010年04月16日 18:20:08   作者：  
基于jquery的仿twitter的文本字?jǐn)?shù)限制帶提示效果插件，這里提示比較好，不是簡單的限制，給用戶更好的體驗。
之前也介紹過一個類似效果的JQuery插件jQuery maxlength文本字?jǐn)?shù)限制插件,不過這次的charcount部署更簡單,而且有超出數(shù)字提示的功能.
簡單的部署:

1.載入js:
復(fù)制代碼 代碼如下:

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/charCount.js"></script>

2.Html結(jié)構(gòu):
復(fù)制代碼 代碼如下:

<form id="form" method="post" action="">
<h2>Default Usage</h2>
<div>
<label for="message">Type your message</label>
<textarea id="message1" name="message1"></textarea>
</div>
<h2>Custom Usage</h2>
<div>
<label for="message">Another message (limited to 30, warning at 10)</label>
<textarea id="message2" name="message2"></textarea>
</div>
</form>

3.charCount插件設(shè)置:
復(fù)制代碼 代碼如下:

<script type="text/javascript">
$(document).ready(function(){
//default usage
$("#message1").charCount();
//custom usage
$("#message2").charCount({
allowed: 30,
warning: 10,
counterText: '剩余字?jǐn)?shù): '
});
});
</script>

演示代碼
打包打包下載

相關(guān)文章

最新評論