为 html textarea 定义 maxlength答案

【问题标题】：Define maxlength for an html textarea为 html textarea 定义 maxlength
【发布时间】：2013-07-11 09:18:45
【问题描述】：

我目前尝试限制文本区域中允许的最大字符数。

与：

<textarea rows="4" cols="50" maxlength="50">

它在 Firefox 中的工作方式与它应该在 Firefox 中一样，但在 IE 中似乎没有效果，这会造成问题，因为相当多的网站用户仍在使用 IE。

您有什么建议或解决方法吗？

【问题讨论】：

标签： html textarea maxlength

【解决方案1】：

您可以使用 Javascript 在 Internet Explorer 中实现maxlength。

<textarea rows="4" cols="50" maxlength="50" onKeyPress="return(this.value.length < 50);">

【讨论】：

【解决方案2】：

我建议这样做，因为您已将 php 放在标签中，您可以使用 substr 截断来自服务器端的输入

$trunc = substr($_POST['textareaname'], 0, 50);

您也可以使用Javascript 函数。

更新您关于如何在达到限制时向用户提供反馈的评论。

$("#element").keypress(function (e) {
    var str = $(this).val();
    if (str.length > 100) {
        e.preventDefault();
        alert('You have reached max limit');
        return false;
    }
});

【讨论】：

有没有办法让用户知道他已经达到了最大数量的字符？因为我基本上想阻止用户输入超过 100 个字符，所以在代码本身中我已经做了 substr
是的，如果您使用 jquery，非常简单。你用 jquery 吗？