实时字符计数器
问题描述:
所以我试图让某人在“textarea”中键入并在输入时显示迄今为止的字符数。下面的代码是我正在尝试使用计数器的字段。我想通过工作故障排除来获得字符计数器。任何想法如何我可以去做呢?实时字符计数器
<tr>
<td width="70%">
<b>Troubleshooting</b><br />
</td>
<td width="30%">
<a href="javascript: validateHP()" onMouseover="buttonObject_HP.src='images/hp_1.png'" onMouseout ="buttonObject_HP.src='images/hp_0.png'">
<img name="buttonObject_HP" src="images/hp_0.png" border=0 alt="" width="75" height="20"/></a>
</td>
</tr>
</table>
<textarea class="normal" id="Reported" name="Reported" rows="12" cols="51" onchange="validateText();"></textarea>
答
我做了如下得到我想要的东西。
摆在头下面
<script src="http://code.jquery.com/jquery-1.5.js"></script>
<script>
function countChar(val) {
var len = val.value.length;
if (len >= 10000) {
val.value = val.value.substring(50, 10000);
} else {
$('#charNum').text(2000 - len);
}
};
</script>
然后把我排除在以下的div
<div id="charNum">Characters Left</div>
最后添加以下到我的textarea
onkeyup="countChar(this)"
答
你可以在你的代码中使用它。它使用AngularJS。
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>
<div ng-app="">
<p>Input something in the input box:</p>
<p>Name : <input type="text" ng-model="name" placeholder="Enter name here"></p>
<h1>{{name.length}}</h1>
</div>
</body>
</html>
+0
如果你不想使用AngularJS,你也可以使用'string.length'。它必须通过按钮手动更新。 – 2017-08-22 18:52:34
的可能的复制[计数textarea中的字符](https://*.com/questions/5371089/count-characters-in-textarea) – Nisarg
我想这和它不是我想要。我试图让它通过疑难解答(50个字符)排除故障。那个有一个字符限制。我不想限制它,我想显示您的金额。往上走。 – Tacoma