jquery - テキスト入力値が変更されたときにjQueryを実行するにはどうすればよいですか?

Question

ユーザーが入力値を変更したときに成功メッセージを表示するだけです。として開始しfoo、ユーザーが Making と入力sしたfoos場合、成功メッセージを表示したいと思います。

私は何が欠けていますか？

シンプルな JSFiddle: http://jsfiddle.net/DdyNN/

HTML:

<input type="text" name="foo" id="foo" value="foo">
<div id="bar"></div>​

JS:

$('#foo').change(function() { 
    $('#bar').html('yay!');
});​

Answer 1

テキストフィールドを離れると、変更イベントがトリガーされます。keyup または keydown イベントに登録します。

リンク:

• http://api.jquery.com/keyup/
• http://api.jquery.com/keydown/

Answer 2

$ .change（）は選択用であり、入力タイプ用ではありません。試す：

var currentvalue = $('#foo').val();
$('#foo').focusout(function(){
if($(this).val() != currentvalue){
$('#bar').html('yay!'); currentvalue = $(this).val();
}
});

Answer 3

これを試して、

ライブデモ

prv = $('#foo').val();
$('#foo').keyup(function() {
    if(prv + "s" == $(this).val()) 
       $('#bar').html('yay! success');
    else
       $('#bar').html('yay! failure'); 

        prv = $('#foo').val();
});​

Answer 4

これは、フォーカスがあるときにテキストボックスで押されたキーで機能します

$('#foo').focus(function() { 
   $('#foo').keyup(function(){
     if($(this).val()=='foos')$('#bar').html('yay!');
      });
});​

Answer 5

This works:

$('#foo').keyup(function() {
    if($(this).val()=='foos'){
        $('#bar').html('yay!');
    }
});​