jQuery函数，用于显示文本区域/输入中的剩余字符

Question

我正在研究一段JQuery，以显示在文本区域/输入字段中键入时剩余的字符数。 但这似乎不起作用，我对JQuery还是很陌生，因此我确定下面的简单内容是代码的副本：

$(":textarea[data-limit-input]").keyup(function () {
var charLength = $(this).val().length;
var charLimit = $(this).attr("data-val-length-max");
// Displays count
$(this).next("span").html(charLength + " of " + charLimit + " characters used");
// Alert when max is reached
if ($(this).val().length > charLimit)
    $(this).next("span").html("<strong>You may only have up to " + charLimit + " characters.   </strong>");
});

任何帮助，将不胜感激

Answer 1

这为我工作：

http://jsfiddle.net/7Zvhq/

我更改了textarea选择器，向charLimit添加了正确的数据值，并关闭了funktion和if语句。

编辑我更新了它，因此如果您在达到限制并使其更漂亮时尝试输入，它将返回false ：)

http://jsfiddle.net/7Zvhq/3/

Answer 2

似乎您缺少}）； 在末尾？ ：textarea也可以写为$（“ textarea [data-limit-input]”），因为这是普通的CSS选择器。

否则我看不到任何奇怪的东西。

Answer 3

您也可以在textarea中尝试此代码以输入其余字符。

代码是：

jQuery(document).ready(function(){
    var totalChars      = 200; 
    var countTextBox    = jQuery('#comment')
    var charsCountEl    = jQuery('#countchars');

    charsCountEl.text(totalChars);
    countTextBox.keyup(function() { 
        var thisChars = this.value.replace(/{.*}/g, '').length; 
        if(thisChars > totalChars) 
        {
            var CharsToDel = (thisChars-totalChars);
            this.value = this.value.substring(0,this.value.length-CharsToDel);
        }else{
            charsCountEl.text( totalChars - thisChars );
        }
    });
});

您也可以在此处查看演示。 http://jsfiddle.net/kishan_web/1k49s5vr/

Answer 4

为textarea设置attr maxlength： http : //www.w3schools.com/tags/att_input_maxlength.asp每个键入检查计数maxlength-textarea.val（）。length

Answer 5

data-limit-input是您的文本区域的ID或名称吗？

我会尝试

$('textarea#data-limit-input').keyup(handler);

要么

$('textarea[name="data-limit-input"]').keyup(handler);