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

Question

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

HTML 有没有办法向用户返回错误？

原文由 discodowney 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

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

您可以使用 maxlenght 属性来禁止输入比预期更多的字符。你不需要 JS。

如果你还想使用 JS，那么：

 $("#myformid").keypress(function() {
    if($(this).val().length > 10) {
        //display your warinig the way you chose
   }
]
});

原文由 J Kerr 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

当然这是可能的！首先，计算输入的字符数，然后打印出您想要的消息（此处：“剩余字符数：X”，在我的示例中最大长度为 100）。

这是 JSFiddle ！

---

HTML:

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

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

记者：

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

原文由 manniL 发布，翻译遵循 CC BY-SA 3.0 许可协议