如果用户在文本区域中超过2000个字符，则进行软验证

Question

显示软验证，如果用户在文本区域超过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

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

Answer 3

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

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

Answer 4

只是为了帮助你继续。
可以使用on函数，绑定keyup事件。类似于下面的代码:

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

keyup将在任何键被按下并释放时被触发。

Answer 5

不要太用力:

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