jq文本框显示最多可以输入多少字

最新推荐文章于 2019-02-08 12:38:20 发布

weixin_30535913

最新推荐文章于 2019-02-08 12:38:20 发布

阅读量151

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dongxiaolei/p/5749971.html

本文提供了一个使用jQuery实现的文本输入框长度限制功能示例，当用户输入超过预设的最大字符数140时，系统会自动提示并阻止超出部分的输入。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<textarea name="" id="" cols="30" rows="10"></textarea><span>最多可以输入<strong style="color:red;">140</strong>个字</span>
</body>
<script src="js/jquery-1.11.3.min.js"></script>
<script>
    var maxLength=140;
    $("textarea").keyup(function(){
        var len=$(this).val().length;
        $("strong").text(maxLength-len);
        if(parseInt($("strong").text())<0){
            alert("最多能输入140个字");
            $("strong").text("0");
            var values=$(this).val().substring(0,141);
            $(this).val(values);
        }
    })
</script>
</html>