Jquery显示div基于表单输入

Question

有没有办法使用jQuery根据表单域中的输入显示div。

例如，如果在表单字段中键入的值介于1和5之间，则显示div。

Answer 1

var div = $('div').hide();

$('input').keyup(function() {

   var value = this.value;

   if (value > 1 && value < 5) {
       div.fadeIn();
   } else {
       div.fadeOut();   
   }

});

See it on jsFiddle

如果您不希望它在空白时重置，请在声明和定义value后添加此内容...

if (value === '') {
   return;    
}

Answer 2

从隐藏div开始。 添加处理程序以形成字段的keyup事件。 在处理程序中，检查值是否符合条件，然后.show（）你的div。