使用 javascript 在 php 中的 Textarea 计数器和限制器答案

【问题标题】：Textarea counter and limiter in php using javascript使用 javascript 在 php 中的 Textarea 计数器和限制器
【发布时间】：2017-10-05 07:31:29
【问题描述】：

我想创建 textarea 字符计数器和限制器。我有以下代码，但由于某种原因它不起作用。

<?=$form->field($model, 'example', ['template' => '{label}{input}{error}', 'labelOptions' => $class_label])
          ->textarea(['onKeyDown' => 'limiter()', 'onKeyUp' => 'limiter()'])
           echo "<input id='ch' type='text' style='width:45px' readonly value ='300'> characters remain";
          ?>

以下代码是插入“...”之间的javascript代码：

<script type="text/javascript">
function limiter(){
    var example = document.getElementById("example");
    if(example.value.length > 300){
        example.value = example.value.substring(0, 300);
    }
    else{
        document.getElementById("ch").value = 300 - example.value.length;
    }
} 
</script>

如果您能帮助我更正我的代码，我将不胜感激。

提前致谢。

【问题讨论】：

您应该提供一个真实的minimal reproducible example。使用 stackoverflow 问题编辑器提供的实时演示功能。不要显示无关的 PHP。显示生成的 HTML。

标签： javascript php text counter

【解决方案1】：

经过测试，上面的 JavaScript 可以正常工作，所以我只能假设这是 HTML 的渲染问题。我猜测表单输入没有“示例”的 ID。 HTML 应如下所示：

<input type="text" id="example" onkeydown="limiter()" onkeyup="limiter()">

【讨论】：

威兰斯，感谢您的评论。我按照你说的试过了，还是不行。
能否将您呈现的 HTML 添加到您最初的问题中？