在前台是可以限制 textarea 元素内输入内容的长度的,当然是用 jquery 代码实现起来是最简单,方便的,JQ脚本通过对 textarea 元素内容变化的检测来判断内容是否超出指定的长度。

jq 检测 textarea 元素内容变化的方法

示例代码1:

jq 时时显示 textarea  输入内容的长度!

$('#textarea').on('input propertychange',function(){
    console.log($(this).val().length);
})

示例代码2:

jq 判断 textarea  输入内容是否超过了限制长度!

$('#textarea').on('input propertychange',function(){
    if($(this).val().length > 300){
        alert('字数超过了三百');
    }
})

完整的示例代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>
</head>
<body>
    <textarea name="" id="textarea" ></textarea>
    <script>
    $('#textarea').on('input propertychange',function(){
        console.log($(this).val().length);
        if($(this).val().length > 300){
            alert('输入的文字超过300了!');
        }
    })
    </script>
</body>
</html>