基于jquery的仿twitter的文本字数限制带提示效果插件,这里提示比较好,不是简单的限制,给用户更好的体验。
简单的部署:
1.载入js:
2.Html结构:
3.charCount插件设置:
下载地址:[url=http://u.115.com/file/f093e5c612]http://u.115.com/file/f093e5c612[/url]
简单的部署:
1.载入js:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/charCount.js"></script>
2.Html结构:
<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插件设置:
<script type="text/javascript">
$(document).ready(function(){ //default usage
$("#message1").charCount(); //custom usage
$("#message2").charCount({
allowed: 30,
warning: 10,
counterText: '剩余字数: '
});
});
</script>
下载地址:[url=http://u.115.com/file/f093e5c612]http://u.115.com/file/f093e5c612[/url]