【烦人的前端】textarea统计字数并限制输出

短命女 2022-11-18 11:00 246阅读 0赞 
  1. <div class="col-xs-8 col-sm-8 col-md-8 col-lg-8">
  2.     <textarea id="userDesc" name="userDesc" class="form-control input-sm" rows="10" placeholder="个人介绍请控制在250字以内" onkeyup="wordStatic(this)"></textarea>
  3.     <span id="num" style="color: #2aabd2">0</span>/250
  4. </div>
  6. <script> function wordStatic(input) { // 获取要显示已经输入字数文本框对象 var content = document.getElementById('num'); if (content && input) { // 获取输入框输入内容长度并更新到界面 var value = input.value; // 将换行符不计算为单词数 value = value.replace(/\n|\r/gi, ""); // 更新计数 content.innerText = value.length; if (value.length > 250) { input.value = value.substring(0, 250) } } } </script>

发表评论

表情：
评论列表 （有 0 条评论，246人围观）

还没有评论，来说两句吧...

相关阅读

    相关 textarea的字数限制

    功能描述 在项目中我们经常会遇到要对textarea进行输入字符数的限制，并在下方提示共可输入多少文字，已输入多少，还可输入多少的类似功能。 所以就有了下面封装好的这个

    た 入场券た 入场券/ 0 赞/ 555 阅读