Jquery display div based on form input

Is there a way to use jQuery to开发者_Python百科 display a div based on the input in a formfield.

For example if the value typed in the formfield is between 1 and 5 show a div.

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.

If you don't want it to reset itself when blank, add this after declaring and defining value...

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

Start with the div being hidden. Add a handler to form field's keyup event. In handler, check if value meets criteria, then .show() your div.