顯示預填充輸入字段的計數器編號

我有一個從數據庫中提取數據並自動填充輸入框的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」仍然 –

什麼時候你用數據庫中的值更新消息？ –

它就像一個表格。例如，點擊用戶詳細信息上的「編輯」，用戶可以編輯他們的姓名，地址等。 –

顯示預填充輸入字段的計數器編號

回答

相關問題