javascript - jquery 文本区域中的最大字符数

Question

我有以下代码，但我有点不知道下一步该做什么。这个想法是，当您在文本区域中输入文本时，计数器会告诉您还剩下多少个字符。一旦达到最大字符数，我想停止允许输入字符，或者删除所有输入的字符，这样文本区域中只有 10 个字符。我知道我必须将代码放在显示 alert("LONG"); 的位置，但我不太确定是什么。

var maxLen = 10;
        console.log("Start");
        $('#send-txt').keyup(function(){
            var Length = $("#send-txt").val().length;
            var AmountLeft = maxLen - Length;
            $('#txt-length-left').html(AmountLeft);
            if(Length >= maxLen){
                alert("LONG");
            }



        });

Answer 1

所有这些答案都有点奇怪，因为他们试图做得有点太多。一种更简单、视觉上更令人愉悦的方式(因为它显示文本很快被切断) - 并且比前面的示例更少奇怪(注意它如何覆盖最终的键？) - 是简单地切断 keyUp 上的字符数到允许的数量。

var maxchars = 400;

$('body').on('keyup paste', 'textarea', function () {
    $(this).val($(this).val().substring(0, maxchars));
    var tlength = $(this).val().length;
    remain = maxchars - parseInt(tlength);
    $('#remain').text(remain);
});

请注意，这也适用于粘贴文本，但上面的一些示例则不然。

示例如下:http://jsfiddle.net/PzESw/5/