Javascript 如果用户在textarea中超过2000个字符,则进行软验证

Javascript 如果用户在textarea中超过2000个字符,则进行软验证,javascript,Javascript,如果用户在textarea中超过2000个字符,则显示软验证。 我们不应该限制用户只输入2000个字符。允许用户输入超过2000个字符。 我只需要显示弹出消息,如果用户超过2000个字符,并允许用户提交表单 请有人帮我解决这个问题。 $("#myTextArea").keypress(function() { var count = $("#your_textarea").val().length; if(count == 2000) { //Code t

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

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


$("#myTextArea").keypress(function() {
    var count = $("#your_textarea").val().length;
    if(count == 2000)
    {
        //Code to display your popup
    }
});
函数checkInput() { var textInput=$.trim($(obj.val()); 如果(textInput.length>2000) { 警报('输入的字符超过2000个!'); } }
只是为了帮助您继续。
您可以在函数上使用
,并绑定
键控
事件。类似于以下代码的内容:

$("#elementId").on("keyup", function() {
    if($(this).val().length > 2000) {
        //show popup or custom message
    }
});
按下并释放任何键后,
keyup
将立即被触发。

HTML:

<form id="myform" action="..." method="POST">
    <textarea id="mytxt"></textarea>
</form>
不太难:

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




我相信你可以从这里开始。

请发布一些代码,说明你已经尝试/正在尝试实现的目标。问题是什么
如果value.length>2000,则显示消息
当用户在文本框中输入/粘贴信息时,我正在使用onkeyup和onmouseup事件弹出消息。如果用户输入的字符超过2000个,则会按预期显示弹出消息,但如果用户粘贴的字符超过2000个,则会显示弹出消息,并在每次用户希望删除超过2000个字符时显示警告消息。用户在提交表单时不需要此验证。验证需要他在框中输入/粘贴信息后立即进行。但这可能有点烦人,因为每次都会显示警报,即使删除超过2000个字符也是如此。:-)@RobG否,仅当文本超过2000个字符时,才会在表单提交时显示警报。(也许你没有看编辑后的答案:)@karaxuna酷,我不清楚OP只想在提交时验证。每个答案都被否决了?!向下的投票人至少可以给出原因吗?“除非还包括框架/库的标记,否则应该是纯JavaScript的答案。”嗯,但这并不意味着“使用jQuery真的是错误的”或什么?我没有DV,但这个答案缺少教育性的解释,所以我不可能中和投票结果。我也不认为声明一个单用途变量有任何意义。
this
的使用似乎与AliShah演示的这段代码有关。@mickmackusa:我很确定这是很久以前问过的,并且很早就结束了(7年是很长的时间)。不确定是什么触发了现在添加评论。也许你看不出添加变量有什么意义,但我更喜欢为我将来可能使用的某些东西保留变量,这不会使它在任何标准下变得毫无意义。我喜欢函数代码被否决。我想我应该使用jQuery。功能是的,但在你的声誉水平上,你不需要提醒,它应该是你的血液。我相信jquery答案也会给您带来同样的分数。@Xotic750答案的目的是提供解决方案的工作示例,而不是提供产品代码(例如,我不会使用输入元素来显示消息,但在这里很方便)。所谓的“不引人注目的javascript”被高估了很多,它已经失去了它曾经拥有的任何意义,就像“eval是邪恶的”一样。我没有给出这个答案,但我可以看到它没有努力解释这个片段。是的,有些片段基本上是不言自明的——对于这些类型的答案,最好解释一下这种技术的优势。每一个答案都应该努力教育和授权OP和成千上万的未来研究人员。至于编码风格,我们都应该提出最好的建议。如果您不想在自己的项目中使用您的代码片段,为什么要推荐其他人使用它呢。如果这不是你最好的作品,那么编辑按钮24/7可用。@米克马库萨这个问题7年前就关闭了,我想世界已经开始了……也许写下你认为是模范答案的答案,然后编辑其中一个答案来包含你的答案。我相信没有人会介意的。:-)“除非还包括框架/库的标记,否则应该是纯JavaScript答案。”“除非还包括框架/库的标记,否则应该是纯JavaScript答案。”有时我想知道为什么我总是回答问题。。。
document.getElementById('myform').addEventListener('submit', function(){
    var mytxt = document.getElementById('mytxt');
    if(mytxt.value.length > 2000)
        alert('Exceeds 2000 characters');
});
<form>
  <textarea name="ta" onkeyup="
    this.form.i0.value = this.value.length > 10? 'Too many characters' : '';
  "></textarea>
  <br>
  <input name="i0" readonly>
</form>