入力フィールドの文字数を自動計算するためのJavascript

-1

私は把握しようとしている問題があります。これは私がこれまで行ってきたことですが、それはそのように動作するようですが、入力フィールドを自動的にpopuplateするPHP変数を追加すると、使用される文字を計算するようには見えません。入力フィールドの文字数を自動計算するためのJavascript

このフィールドの最大値は80文字です。制御できません。私は最大80文字に制限する必要があります。フォームがロードされ、フィールドにデータが入力されると、入力フィールドが自動計算される必要があります。入力値にphp変数を含めると、入力フィールドには文字でいっぱいのフィールドが表示されますが、フィールド内でマウスを移動して別の文字を追加するまで、フィールドは「ゼロ」のままです。

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>Untitled Document</title> 
</head> 
<script type="text/javascript"> 
document.testform.countInput.focus(); 
function countChars(countfrom,displayto) { 
    var len = document.getElementById(countfrom).value.length; 
    document.getElementById(displayto).innerHTML = len; 
} 
</script> 

<form id="testform"> 
Title: <strong id="countOutput">0</strong><strong>/80 Max Character</strong> 
<input type="text" name="dsp_URL" value="" size="80" maxlength="80" lengthcut="true" id="countInput" onkeyup="countChars('countInput','countOutput');" /><br /> 
</form> 

<script type="text/javascript"> 


var input = document.getElementById ("countInput"); 
input.focus(); 
</script> 
<body> 
</body> 
</htmt>

出典

2016-10-07 paulsvang

あなたのコードにはPHPが含まれていないので、あなたが何を求めているのか正確には分かりません。 PHPが実行される前に、PHPはサーバー側で処理されることに注意してください。ページがクライアントに返された後でPHPコードを使用することはできません。 –

また、 'document.getElementById（countfrom）.value.length'！= document.getElementById（countfrom）.value' –

PHP変数は値=" $ url "になります。しかし、テストしてもうまくいきません。 – paulsvang

は、私はそのトリガがそのテキストフィールドにonkeyupのであるから、PHPを介した文字列を使用してテキストフィールドを埋めることは、countChars（）のための条件をトリガしていないと仮定しても安全だと思います。

おそらく、あなたの問題に役立つHow to impose maxlength on textArea in HTML using JavaScriptで解決策を見つけることができます。私は、これはあなたの検証を支援を期待:)

出典

2016-10-07 20:26:20

私はそれをトリガするために使用できる別のイベントはありますか？私はここで失われています。 – paulsvang

あなたはそれを呼び出す前にcountCharsを定義してくださいonkeyupイベント

document.testform.countInput.focus(); 
 

 
function countChars(countfrom, displayto) { 
 
    var len = document.getElementById(countfrom).value.length; 
 
    document.getElementById(displayto).innerHTML = len; 
 
}

<head> 
 
    <meta charset="utf-8"> 
 
    <title>Untitled Document</title> 
 
</head> 
 

 
<form id="testform"> 
 
    Title: <strong id="countOutput">0</strong><strong>/80 Max Character</strong> 
 
    <input type="text" name="dsp_URL" value="" size="80" maxlength="80" lengthcut="true" id="countInput" onkeyup="countChars('countInput','countOutput');" /> 
 
    <br /> 
 

 
    <script> 
 
    countChars('countInput', 'countOutput'); 
 
    </script> 
 

 
</form> 
 

 
<body> 
 
</body>

とともに、ページのロード時に関数を呼び出す必要があります。

出典

2016-10-07 20:29:45 void

入力フィールドの文字数を自動計算するためのJavascript

答えて

関連する問題