使用 jQuery 限制 TextArea 长度的代码中是否存在任何缺陷？

Question

我必须将 TextArea 的长度限制为 2 个字符。我找到了很多答案。阅读这些答案，我已经达到了以下代码。它具有“keydown”和“keyup”的事件处理程序。

1. 您认为这是否正确且足够？
2. 它是否适用于所有主流浏览器？

http://jsfiddle.net/Lijo/VAYze/1/

1. 注意：我不需要显示错误消息。因此，正则表达式验证对我来说不是一个好的选择。
2. 注意：我正在寻找基于现有代码的答案 - 不是全新的答案
3. 注意：密钥代码来自http://www.asquare.net/javascript/tests/KeyCode.html 和http://www.asquare.net/javascript/tests/KeyCode.html

更新

要将文本dragged 处理到文本区域，我没有看到 jQuery 解决方案。我打算用EnableClientScript="false" 做一个regular expression validator。它将仅在服务器端进行验证。这是为了处理绕过现有 jQuery 操作的任何内容。 ASP Regular Expression Validator for Multi-line textbox

jQuery

$(document).ready(function () {


var maxLength = 2;

$('.multiline').keydown(function (e) {


    var existingText = $(this).val();
    var existingLength = existingText.length;

    if (existingLength >= maxLength) 
    {
        if (maxLength > 0) 
        {

            if (!checkSpecialKeys(e)) 
            {
                $(this).val(existingText.substring(0, maxLength));
                 $(this).css('color','red');

                //Newly entered character not rendered since false is returned
                e.preventDefault();
            }
        }
    }

  });


//To trim the text if a paste happens
$('.multiline').keyup(function (e) {

    var newText = $(this).val();
    var newLength = newText.length;

    if (newLength > maxLength) {
        if (maxLength > 0) {
            $(this).val(newText.substring(0, maxLength));
            $(this).css('color','red');
        }
    }

});


}
);


function checkSpecialKeys(e) 
{
if (e.keyCode >= 48 && e.keyCode <= 90) 
{
    return false;
}

if (e.keyCode >= 96 && e.keyCode <= 111) 
{
    return false;
}

else 
{
    return true;
}
}

Answer 1

根据您的要求，我只能说您应该在 textarea 上使用 maxlength 属性。这可以节省您的 JavaScript 代码，处理特殊情况，例如将文本拖到输入中。 由于它是浏览器功能，因此速度更快。 所有支持 textarea 的浏览器都支持它。

例子：

<textarea maxlength="2"></textarea>

maxlength 是 textarea 的新属性。并非所有浏览器都支持它... (Source)

对不起