사전 입력 된 입력란의 카운터 번호 표시

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);" >