javascript - 如果用户在 textarea 中超过 2000 个字符，则进行软验证

Question

如果用户在 textarea 中超过 2000 个字符，则显示软验证。我们不应该限制用户只能输入 2000 个字符。允许用户输入超过 2000 个字符。如果用户超过 2000 个字符，我只需要显示弹出消息并允许用户提交表单。

请有人帮我解决这个问题。

Answer 1

HTML：

<form id="myform" action="..." method="POST">
    <textarea id="mytxt"></textarea>
</form>

JS：

document.getElementById('myform').addEventListener('submit', function(){
    var mytxt = document.getElementById('mytxt');
    if(mytxt.value.length > 2000)
        alert('Exceeds 2000 characters');
});

Answer 2

<textarea onkeyup='checkInput(this);'></textarea>



function checkInput()
{
   var textInput = $.trim($(obj).val());
   if(textInput.length > 2000)
   {
     alert('More than 2000 characters entered!');
   }
}

Answer 3

只是为了帮助你继续。
您可以使用on函数和绑定keyup事件。类似于以下代码的内容：

$("#elementId").on("keyup", function() {
    if($(this).val().length > 2000) {
        //show popup or custom message
    }
});

keyup只要按下并释放任何键，就会被触发。

Answer 4

不是太难：

<form>
  <textarea name="ta" onkeyup="
    this.form.i0.value = this.value.length > 10? 'Too many characters' : '';
  "></textarea>
  <br>
  <input name="i0" readonly>
</form>

我相信你可以从那里拿走它。

Answer 5

$("#myTextArea").keypress(function() {
    var count = $("#your_textarea").val().length;
    if(count == 2000)
    {
        //Code to display your popup
    }
});