当前位置: 代码迷 >> Web前端 >> jQuery 种twitter的文本字数限制带提示效果插件
  详细解决方案

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

热度:134   发布时间:2012-10-08 19:54:56.0
jQuery 类twitter的文本字数限制带提示效果插件
基于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> 

下载地址:http://u.115.com/file/f093e5c612
  相关解决方案