Jquery 提示还可以输入的字数，将多余的字数截取掉

最新推荐文章于 2022-04-22 17:25:48 发布

转载最新推荐文章于 2022-04-22 17:25:48 发布 · 78 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/LoveQin/p/4819988.html

文章标签：

#javascript #ViewUI

本文介绍了一个使用JavaScript实现的文本域字符限制与超长字符截取功能，当用户输入超过300个字符时，系统会提示并截取超出的部分，确保网页表单的输入限制。

js代码：

$(function () {
            var counter = $("#divform textarea").val().length; //获取文本域的字符串长度
            $("#gptu var").text(289 - counter);
            $(document).keyup(function () {
                var text = $("#divform textarea").val();
                var counter = text.length;
                if (counter > 289) {
                    var qie = text.substring(0, 289);
                    alert("超出300个字符最大限制，超出部分将被截取！");
                    $("#divform textarea").val(qie);
                    $("#gptu var").text("0");    //每次减去字符长度
                }
                else {
                    $("#gptu var").text(289 - counter);    //每次减去字符长度
                }
            });

        });

html代码：

<div id="divform">
                        <textarea id="txt_content" name="txt_content" class="nn input_text" cols="20" rows="2"
                            style="width: 90%; height: 80px;"></textarea>
                        <p id="gptu">
                            你还可以输入<var style="color: #C00">--</var>个字符。</p>
                        <p>
                    </div>