使用JavaScript显示HTML文本框中剩余的字符数 [英] Show how many characters remaining in a HTML text box using JavaScript

问题描述

这是我的代码：

function textCounter(field, countfield, maxlimit) {
    if (field.value.length > maxlimit) {
        field.value = field.value.substring(0, 160);
        field.blur();
        field.focus();
        return false;
    } else {
        countfield.value = maxlimit - field.value.length;
    }
}

如何显示剩余的字符数某个限制为160的文本框？

How can I display how many characters are remaining from a certain text box with a limit of 160?

推荐答案

动态HTML元素功能 这里稍作修改和简化：

<input disabled  maxlength="3" size="3" value="10" id="counter">
<textarea onkeyup="textCounter(this,'counter',10);" id="message">
</textarea>
<script>
function textCounter(field,field2,maxlimit)
{
 var countfield = document.getElementById(field2);
 if ( field.value.length > maxlimit ) {
  field.value = field.value.substring( 0, maxlimit );
  return false;
 } else {
  countfield.value = maxlimit - field.value.length;
 }
}
</script>

希望这会有所帮助！

提示：

将代码与页面合并时，请确保HTML元素（ textarea ，输入）首先在脚本（Javascript函数）

When merging the codes with your page, make sure the HTML elements(textarea, input) are loaded first before the scripts (Javascript functions)

这篇关于使用JavaScript显示HTML文本框中剩余的字符数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！