动态计算字段中的字符

Posted 2023-05-07

【中文标题】动态计算字段中的字符

【英文标题】：Count characters in field dynamically

【发布时间】：2011-07-19 17:51:39

【问题描述】：

我想动态计算表单 textarea 字段中的字符，我知道有一个类似的问题，但我想知道它是否可以从某个数字向 0 计数，例如在 Twitter 上写推文时。

这段代码可以是javascript、php，对我来说并不重要。

【问题讨论】：

jQuery - Count characters in textarea 的可能重复项

【参考方案1】：

这应该可以帮助您。这是一个关于用法的tutorial - 下面是一个演示：

用法：

<input name="text" onKeyDown="CountLeft(this.form.text, this.form.left,50);"
                   onKeyUp="CountLeft(this.form.text,this.form.left,50);">

Javascript：

<SCRIPT LANGUAGE="JavaScript">

 function CountLeft(field, count, max) 
 
     if (field.value.length > max)
         field.value = field.value.substring(0, max);
     else
         count.value = max - field.value.length;
 

</SCRIPT>

Demo - Credit to www.reconn.us

希望这会有所帮助。

【讨论】：

由于某种原因，当我输入此代码时，我在该字段中的 onKeyPress="return entsub(event)" 不起作用？

你指的是onKeyUp事件吗？查看演示的源代码也可能会有所帮助。

另外 - 确保您创建了一个字段来保存计数器值。在演示中我相信它被称为“左”。

不，我指的是 onkeypress 事件，因为我想在按下回车键时汇总表单。

我让计数器显示，这是css的问题，但onkeypress事件仍然不起作用。

【参考方案2】：

使用 Javascript，使用 KeyUp 事件处理程序，并检查每个事件的文本字段的长度属性。

示例：http://jsfiddle.net/nslr/C2CNS/