Question

Is there a way to use jQuery to 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.

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.

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

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