jQuery 类twitter的文本字数限制带提示效果插件

最新推荐文章于 2022-04-21 14:15:46 发布

原创最新推荐文章于 2022-04-21 14:15:46 发布 · 159 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Twitter #jQuery #HTML #ViewUI

jQuery 专栏收录该内容

8 篇文章

订阅专栏

介绍一款基于jQuery的文本字数限制插件，适用于文本输入框，提供友好的用户体验，包括默认使用方式及自定义配置选项。

基于jquery的仿twitter的文本字数限制带提示效果插件，这里提示比较好，不是简单的限制，给用户更好的体验。
简单的部署:
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]