textarea字数限制输入字数，超字数时截取字符串显示

╰半橙微兮° 2022-12-10 03:41 178阅读 0赞

## 标题textarea字数限制输入字数，超字数时截取字符串显示 ##

// 超字数时截取字符串显示
      function calcNum(str, len) { 
        if (str.length <= len) { 
          return str;
        } else { 
          var value = str.substring(0, len);
          value = value.substring(0, value.length);
          return value;
        }
      }

![在这里插入图片描述][20200923162955599.gif_pic_center]

<!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>计数限制-aixiaodou.cn</title>
    	<style> .tips { height: 200px; overflow: auto; } </style>
    </head>
    <body>
    <div>
    	<textarea class="tips" wrap="virtual" id="tipsDesc" onkeypress="countNums()" onkeyup="countNums()" onblur="countNums();" placeholder="请将您的建议或遇到的问题告诉我们" onChange="countNums();"></textarea>
    	<div class="nums"><span id="result">0</span>/500</div>
    </div>
    </body>
    </html>
    <script> function countNums() { var value = document.getElementById("tipsDesc").value; if (value.length >= 500) { document.getElementById("tipsDesc").value = value.substring(0, 500); } document.getElementById("result").innerHTML = document.getElementById("tipsDesc").value.length; } </script>

[20200923162955599.gif_pic_center]: /images/20221123/c5b3b1adaa9c42f0b368dd4701f09819.png

发表评论取消回复

表情：

评论列表（有 0 条评论，178人围观）

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

相关阅读

相关 textarea 输入框限制字数（兼容ie）

*问题**：在input标签中，只需要设置maxlength=”\*\*\*”即可，但是在textarea标签中，IE9及IE9以下浏览器是不支持的，IE10、IE11则...

r囧r小猫/ 2024年04月18日 07:10/ 0 赞/ 106 阅读

相关 EditText 设置字数限制，超过字数限制时 toast 提示并且输入无效

以下只是我解决问题过程中的一点点个人总结，点滴积累，贵在坚持，感谢你的阅览！以45个字符限制为例： final int maxInputCharCoun

青旅半醒/ 2024年02月18日 17:03/ 0 赞/ 75 阅读

相关 android editText输入文本框限制输入字数和字数提示

EditText content;//定义一个文本输入框 TextView hasnum;// 用来显示剩余字数 int num =140;//限制的最大字数　　

蔚落/ 2023年10月10日 12:57/ 0 赞/ 71 阅读

相关 textarea字数限制输入字数，超字数时截取字符串显示

标题textarea字数限制输入字数，超字数时截取字符串显示 // 超字数时截取字符串显示 function calcNum(str, len) {

╰半橙微兮°/ 2022年12月10日 03:41/ 0 赞/ 179 阅读

相关 jQuery：textarea限制字数，并显示总字数和已写字数

[https://blog.csdn.net/weixin\_44558497/article/details/86528968][https_blog.csdn.net_we

╰+哭是因爲堅強的太久メ/ 2022年11月14日 13:12/ 0 赞/ 31 阅读

相关限制textarea字数

<html> <head> <script src='jquery-1.3.2.js'></script> <scri

妖狐艹你老母/ 2022年08月09日 06:26/ 0 赞/ 207 阅读

相关效果超酷的textarea的输入字数限制及提示

http://www.blackliu.com/art/html/57/ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 T

ゞ浴缸里的玫瑰/ 2022年06月17日 00:38/ 0 赞/ 220 阅读

相关 textarea字数限制

<script type="text/javascript"> function collect\_submit() \{ var len = $(".describe

Dear 丶/ 2022年06月08日 13:57/ 0 赞/ 278 阅读

相关 jsp 输入字数限制

<%@ page language="java" import="java.util." pageEncoding="UTF-8"%> <!DOCTYPE HT

妖狐艹你老母/ 2022年06月04日 05:44/ 0 赞/ 239 阅读

相关 textarea的字数限制

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

た入场券/ 2022年06月01日 13:49/ 0 赞/ 491 阅读