如何在文本輸入值更改時運行jQuery？

Question

我只想要在用戶更改輸入值時顯示成功消息。如果它的起始號碼爲foo，並且用戶輸入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

這工作：當你離開

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

Answer 3

$ .change（）是用於選擇和不進行輸入類型。嘗試：

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

Answer 4

試試這個，

Live Demo

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

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

Answer 5

按在文本框上的關鍵這項工作的時候是集中

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