Jquery输入验证

Question

<input name="e-1" id="e-1" type="text" value=""/>
<input name="e-2" id="e-2" type="text" value=""/>

我需要一个Jquery代码，它会立即在这里添加输入值

<div id="x"></div>

我的代码不工作：

$(document).ready(function() {
  $('input#e-1').bind('blur keyup',function() {
    if($('input#e-1').val()) {
      $('#x').html($('input#e-1').val());  
    }
  });
});

Answer 1

如果你的意思是当你删除输入的时候(例如用backspace或者选择全部然后按下DEL)最后一个字符将在目录中保持可见，那是因为你在那里有if($('input#e-1').val())测试，只要删除它它就可以工作了，例如

$(document).ready(function() {
  $('input#e-1').bind('blur keyup',function() {
      $('#x').html($('input#e-1').val());  
  });
});

Answer 2

这里我选择了only e-1 the input和bind only the keyup。我还使用了append()函数来追加所有的输入。

$(document).ready(function() {
  $('#e-1').bind('keyup',function() {
    if($('#e-1').val()) {
      $('#x').append( ', ' + $('#e-1').val() );  
    }
  });
});

Answer 3

试试这个-

$(document).ready(function() {
     $("#e-1").keyup(function(){
          if($('input#e-1').val()) {
             $('#x').html($('input#e-1').val());  
          }
      });
 });