Question

我想知道如何创建“字符倒计时”。我的意思是我有一个 textarea ，你必须插入最少数量的字符，我希望这个最小值是一个计数器，所以当你开始写时它会减去每个字符到最低限度。

提前感谢您的帮助。

编辑：我尝试使用PHP计算 textarea 中的字符并使用 for ，但是直到帖子之后才能更新这些字符。我几乎坚持如何实现这一点，抱歉无法提供更多信息。

Answer 1

您需要将函数绑定到文本字段的更改。

<script type="text/javascript">
   $(document).ready(function () {
       $('#field_name').keyup(function () {
            //Change count here
       });
   });
</script>

在我评论过的地方，您可以更改另一个元素的值以包含文本框长度的计数，例如：

$('#counter_element').val($('#field_name').val().length);

显然需要修改以满足您的需求，例如您可能需要进行onsubmit（）检查以确保已达到最小字符。

Answer 2

<强> Working Demo

试试这个：

<强> HTML：

<textarea id="smstemplate"></textarea>
<span id="remaining">0 characters</span>

JS代码：

$('#smstemplate').keyup(function () {
 var $remaining = $('#remaining'),
        $messages = $remaining.next();

            var chars = this.value.length; 
             messages = Math.ceil(chars / 160);


            $remaining.text((chars) + ' characters');

        });

Answer 3

这是我的看法：

$('#myTextArea').keyup(function () {
    var lengthOfText;
    lengthOfText = $(this).val().length;

    if (lengthOfText < 15) {
        $('#myCounter').text(15 - lengthOfText);
        $('#myCounter').css("color", "red");
    } else {
        $('#myCounter').text("Minimum text written");
        $('#myCounter').css("color", "green");
    }
});

工作小提琴：http://fiddle.jshell.net/Umv8k/

如何创建字符倒计时

3 个答案: