jquery - 如何在 sms 中添加文本字段（标签计算租船人的数量留在下方）.in jquery mobile

Question

在我的应用程序中，我插入一个文本字段，如果用户超出其字符限制，我将验证该文本字段我显示一个对话框。但是现在像在（发送短信或邮件时）这样的日子，文本字段下方有一个标签，用于计算剩余的数量.这可能在 jquery 中吗？就像这里是我的文本字段

<input name="text-12" id="text-12" value="" type="text" class="caseName_h" autocorrect="off">

我能够验证文本是否大于 10。但下面的标签有问题..:(

Answer 1

您可以使用此逻辑在输入一些文本后显示没有剩余的字符。

HTML：

 <textarea id="field"></textarea>
    <div id="charNum">500</div>

JS：

$(document).ready(function() {   

$('#field').keydown(function() {
        var len = $(this).val().length;

        if (len >= 500) {
          $(this).val() = $(this).substring(0, 500);
        } else {            
          $('#charNum').text(500 - len);
        }
      });

});

在此处找到工作演示：演示

Answer 2

您可以将文本字段功能键向上或向下键。查找插入字符的长度。从确定的长度中减去该长度。这是一个例子。

$(document).ready(function() {   

$('#field').keyup(function() {
        var len = $(this).val().length;

        if (len >= 500) {
          $(this).val() = $(this).substring(0, 500);
        } else {            
          $('#check').text(500 - len);
        }
      });

});