HTML5网页设计

其他代码

jQuery限制textarea字符长度并显示已输入字符长度

时间:2015-12-31 16:03来源:未知作者:user点击:
用jQuery实现限制textarea输入的字符长度并显示已输入字符长度。

jQuery实现限制textarea输入的字符长度并显示已输入字符长度。


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jquery限制输入字数,并提示剩余字数</title>
    <script type="text/javascript" src="http://www.shejicool.com/demo/jquery.min.js"></script>
    <script type="text/javascript">
    function words_deal() {
        var curLength = $("#TextArea1").val().length;
        if (curLength > 5) {
            var num = $("#TextArea1").val().substr(0, 5);
            $("#TextArea1").val(num);
            alert("超过字数限制,多出的字将被截断!");
        } else {
            $("#textCount").text(5 - $("#TextArea1").val().length);
        }
    }
    </script>
</head>
<body>
    剩余<span id="textCount">5</span>个字
    <br />
    <textarea name="textarea" id="TextArea1" cols="45" rows="5" onkeyup="words_deal();"></textarea>
</body>
</html>
上一篇:上一篇:jQuery点击空白处关闭弹层 上一篇:下一篇:没有了
阅完本篇文章?您还可以: 收藏本文 文章挑错 朋友推荐