textarea maxlength属性没有立即计算特殊字符

textarea maxlength attribute not counting special characters immediately

本文关键字：计算 特殊字符 maxlength 属性 textarea      更新时间：2023-09-26

下面是一段代码，它给出了一个文本区域并限制其中的字符数：

<textarea ng-model="someText" placeholder="Type..." maxlength="10"></textarea>
<span class="counter">{{10-someText.length}}</span>

除非我输入一个普通字符，否则在输入空格或回车时，它不会反映其余字符。

例如，当我键入a时，它显示9（如预期）

当我键入一个，然后键入两个空格时，它将显示9个（特殊字符不会立即计数）

当我键入a以及两个空格和b时，它将显示6（如预期）

如何获得正确的剩余字符数？

您必须使用ng trim="false"才能计算换行符、空格和特殊字符。试试看：

<textarea ng-model="someText" placeholder="Type..." maxlength="10" ng-trim="false">
</textarea>
  <span class="counter">{{10 - someText.length}} still remaining!</span>
  • Ng输入文档
  • Ng输入指令文件
  • 工作JsFiddle

我希望我能帮上忙。

相关文章：