Question

我有一个PHP页面，它从数据库中提取数据并自动填充输入框。下面的代码是一个计数器，显示键入时字段中有多少个字符。

但是，当填充字段时提取PHP页面时，计数器会显示“0”，直到我输入内容为止。如何更改代码，以便计数器显示自动填充字段中有多少字符我不得不输入内容？当然，当我输入内容时，它应该更新。

<script language="JavaScript">
function textCounter(field, countfield, maxlimit) {
  if (field.value.length > maxlimit) {
    field.value = field.value.substring(0, maxlimit);
    countfield.value = 'max characters';
  // otherwise, update 'characters left' counter
  }else {
    countfield.value = field.value.length;
  }
}
</script>

<center>
<form name=myform action="#">
<font size="1" face="arial, helvetica, sans-serif"> 
( You may enter up to 125 characters. )<br>
<input type="text" name="message" id="message"
 onKeyDown="textCounter(this.form.message,this.form.remLen,125);" 
 onKeyUp="textCounter(this.form.message,this.form.remLen,125);"
    >
<br>
<input readonly type=text name=remLen size=3 maxlength=3 value="0"> characters total</font>
</form>
</center>

Answer 1

使用window.document.onload调用textCounter函数

类似

    <script>
    window.document.onload=function(){
        var form = document.getElementsByName('myform')[0];
        textCounter(form.message,form.remLen,125);
    };
    ....

或者只是在onchange事件上调用你的函数，比如

<input type="text" name="message" id="message"
 onchange="textCounter(this.form.message,this.form.remLen,125);" >

显示预填充输入字段的计数器编号

1 个答案: