首页 > 其他 > 详细

统计剩余字数(jq版)

时间:2017-11-20 17:24:14      阅读:287      评论:0      收藏:0      [点我收藏+]

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>输入框剩余文字</title>
</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

 

统计剩余字数(jq版)

原文:http://www.cnblogs.com/luludehuhuan/p/7867055.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!