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

我有一个从数据库中提取数据并自动填充输入框的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>

来源

2014-02-11 Jaga Jones

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

来源

2014-02-11 01:37:32

Rajeev，谢谢，但我尝试将该代码添加到JavaScript和没有运气。想出了“0”仍然 –

什么时候你用数据库中的值更新消息？ –

它就像一个表格。例如，点击用户详细信息上的“编辑”，用户可以编辑他们的姓名，地址等。 –

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

回答

相关问题