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