jquery - 文本输入值更改时如何运行 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

试试这个，

现场演示

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!');
      });
});​