博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
统计剩余字数(jq版)
阅读量:4650 次
发布时间:2019-06-09

本文共 685 字,大约阅读时间需要 2 分钟。

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>输入框剩余文字</title>
   <script src=" "></script>
</head>
<body>
<textarea name="" id="" cols="100" rows="30"></textarea>
<span>你还可以输入<strong style="color:red;">140</strong>个字</span>
<script>
    var maxLength = 140;
    $('textarea').keyup(function(){
        var L = $(this).val().length;
        $('strong').text(maxLength-L);//总字数减去输入的字数
 
        if(parseInt($('strong').text())<0){
            $('strong').text('0'); //如果输入文字小于0 则文本显示为0
            //alert($(this).val());
            var val1 = $(this).val().substr(1,140);//截取输入长度
            //substr(不推荐使用,ECMAScript没有标准化substr()方法)
            $(this).val(val1);
        }
    })
</script>
</body>
</html>
图片 
WEB前端学习交流群21 598399936

 

转载于:https://www.cnblogs.com/luludehuhuan/p/7867055.html

你可能感兴趣的文章
fastJson工具类
查看>>
html5 canvas 垂直渐变描边
查看>>
Asp.net Mvc教程汇总
查看>>
VS2010 c++生成和调用dll例子(转载)
查看>>
后缀数组求字符串最长重复子串
查看>>
angularJS 自定义指令表单验证
查看>>
sql取逗号前后数据与批量修改某一字段某一值
查看>>
页面输入框查找乱码问题
查看>>
HTML5中video标签与canvas绘图的使用
查看>>
Django-Xadmin记录
查看>>
【转载】基于Docker的CaaS容器云平台架构设计及市场分析
查看>>
react纯前端不依赖于打包工具的代码
查看>>
【Redis】Redis学习(七) Redis 持久化之RDB和AOF
查看>>
java appium webview切换处理
查看>>
JAVA UUID 生成唯一密钥(可随机选择长度)
查看>>
ping详解
查看>>
python pip包安装以及几个包的简单用法
查看>>
浅谈HTTP事务的一个过程
查看>>
数据压缩--蓝桥杯
查看>>
【提示框】【计时事件】【cookie】
查看>>