Javascript 当用户在文本区域输入的字符超过最大长度时出现错误消息

当用户试图超过文本区域的最大长度时，如何向用户返回错误消息

HTML是否有办法将错误返回给用户

当然这是可能的！

<input type="text" name="fieldname" maxlength="10">

首先，计算输入的字符数，然后打印出您想要的消息（这里是：“characters left:X”，在我的示例中，最大长度是100）

这是你的名字

---

HTML:

<textarea rows="4" cols="50" id ="yourtextarea">
</textarea>

<div id="info"></div>

$("#yourtextarea").keyup(function(){
    $("#info").text("Characters left: " + (100 - $(this).val().length));
  });

功能检查长度（我的表格）
{
maxLen=50；//允许的最大字符数
if（my_form.my_text.value.length>=maxLen）{
var msg=“您已达到允许的最大字符数限制”；
警报（msg）；
my_form.my_text.value=my_form.my_text.value.substring（0，maxLen）；
}
}

以下是验证用户输入的代码，无需使用Jquery

<textarea id=txt onKeyUp=check() maxlength=10>
Abc
</textarea>
<div id=warning></div>

<script>
function check() {
    stringLength = document.getElementById('txt').value.length;
    if (stringLength >= 10) {
         document.getElementById('warning').innerText = "Maximum characters are 10"
    } else {
        document.getElementById('warning').innerText = ""
    }
}
</script>

Abc
函数检查（）{
stringLength=document.getElementById（'txt'）.value.length；
如果（stringLength>=10）{
document.getElementById（'warning'）.innerText=“最多10个字符”
}否则{
document.getElementById（'warning'）。innerText=“”
}
}

定义了MAXLENGTH属性的所有输入字段的解决方案，这样您就不必为每个元素应用size

$("input[maxlength], textarea[maxlength]").keyup(function () {
    var max = $(this).prop('maxlength');
    if ($(this).val().length > max) {
        alert('value must be less than ' + max + ' characters');
    }
});

---

我已经这样做了，但是如果用户试图输入更多，我们希望弹出一条错误消息，然后您需要javascript。有无数的验证库。@discodowney添加了js代码来检测输入的字符数。我不知道，您想如何显示您的警告，因此我将此部分留空

（this）.val（）。由于输入字段有限制，因此长度将永远不会大于10。需要
>=10
<textarea id=txt onKeyUp=check() maxlength=10>
Abc
</textarea>
<div id=warning></div>

<script>
function check() {
    stringLength = document.getElementById('txt').value.length;
    if (stringLength >= 10) {
         document.getElementById('warning').innerText = "Maximum characters are 10"
    } else {
        document.getElementById('warning').innerText = ""
    }
}
</script>

$("input[maxlength], textarea[maxlength]").keyup(function () {
    var max = $(this).prop('maxlength');
    if ($(this).val().length > max) {
        alert('value must be less than ' + max + ' characters');
    }
});