Javascript 如何计算字段onload中的字符数?

Javascript 如何计算字段onload中的字符数?,javascript,input,Javascript,Input,我有一个脚本,它计算输入字段中剩余的字符数。但在我开始写作后,它就开始起作用了 虽然我的输入字段已经包含文本,但我希望它在页面加载时显示剩余字符 <script language="javascript" type="text/javascript"> function textCounter( field, countfield, maxlimit ) { if ( field.value.length > maxlimit ) { field.value = fiel

我有一个脚本,它计算输入字段中剩余的字符数。但在我开始写作后,它就开始起作用了

虽然我的输入字段已经包含文本,但我希望它在页面加载时显示剩余字符

<script language="javascript" type="text/javascript">
function textCounter( field, countfield, maxlimit ) {
 if ( field.value.length > maxlimit ) {
  field.value = field.value.substring( 0, maxlimit );
  field.blur();
  field.focus();
  return false;
 } else {
  countfield.value = maxlimit - field.value.length;
 }
}
</script>

<input TYPE=text NAME=mytext value="<?=$mytext?>" onblur="textCounter(this,this.form.counter1,50);" onkeyup="textCounter(this,this.form.counter1,50);" > 
            <input onblur="textCounter(this.form.recipients,this,50);" disabled  onfocus="this.blur();" tabindex="999" maxlength="2" size="2" value="50" name="counter1"> chars left

您通过onblur=textcountthis.form.recipients调用函数,this,50;当用户离开输入字段并且onkeyup=textcountthis,this.form.counter1,50时,它执行函数;它在用户释放密钥时执行JavaScript

如果您想在页面加载时显示剩余的字符,只需在页面加载后调用它即可

document.onload=textCounter(document.getElementById('a'),
                            document.getElementById('b'),50);

下面是一个例子

在元素可用后显式调用textCounter。我不擅长javascript。你能给我举个例子吗?@user3214817看我的答案谢谢!它似乎工作得很好:我唯一需要检查的是16个输入,所以我需要做。。。document.onload=textcountdocument.getElementById'a1',document.getElementById'b1',50;document.onload=textcountdocument.getElementById'c1',document.getElementById'd1',50;等16次,但没关系: