2010-12-05 17 views
2

フォームの値のテキストボックスが変更されるたびにメソッドを呼び出す方法を理解しようとしています。HTMLフォーム - テキストボックスの値が変更されたとき

例えば、

が、私はそれを追加することができるパラメータがありますが、ユーザボックスに新しいタイプの何か毎回呼ばれているのですか?私は "onchange"があることを知っていますが、ユーザーがそのボックスに入力した後にのみ呼び出されます。

ありがとうございます!

+0

あなたのHTMLと一緒にJavaScriptを使用していますか? (質問に「JavaScript」というタグが付いていなかったので疑問に思う) –

+0

はい、javascriptは許可されています。 – CodeGuy

答えて

3

私たちに必要なものは、onkeyupイベントです。 JSライブラリがなければ、あなたのコードは、(構文がチェックされていない)、このようになります:あなたは、ユーザーの変更は、テキストボックスから焦点を当てたときにそれを確認したい場合は、またのonblur使用することができます

<html> 
<head> 
<script type="text/javascript"> 
function keyup(x) 
{ 
    //code 
} 
</script> 
</head> 
<body> 

Enter your name: <input type="text" id="fname" onkeyup="keyup(this)"> 

</body> 
</html> 

。詳細については

http://www.w3schools.com/jsref/event_onkeyup.asp

http://www.w3schools.com/jsref/event_onblur.asp

+0

どのように私はそれがユーザーがテキストボックスの下に入力しているものを印刷するでしょうか?そのテキストは異なるものを入力すると変わるでしょうか? – CodeGuy

+0

プリント場所? x.valueを使用してその関数の値を取得し、必要な場所に設定することができます。それにはさまざまな方法があります:-) – wajiw