$('input').bind('input propertychange', function() { $('#output').html($(this).val()); if ($(this).val() == 'hello') { setTimeout(function(){ $('.hidden-form').removeClass( "hide" ).addClass( "show" ); }, 300); } //setup before functions var typingTimer; //timer identifier var doneTypingInterval = 2000; //time in ms, 1 second for example //on keyup, start the countdown $(this).on('keyup', function () { clearTimeout(typingTimer); typingTimer = setTimeout(doneTyping, doneTypingInterval); }); //on keydown, clear the countdown $(this).on('keydown', function () { clearTimeout(typingTimer); }); //user is "finished typing," do something function doneTyping () { if (( $('input').val() != '' ) && ( $('input').val() != 'hello')) { $('input').effect( "shake", {times:1}, 200 ); } } });
 
 

I wanted to have a simple riddle that you have to figure out before you can put your name in. So it would be two lines of text with a password basically.

Once you get it right you can put your name and info in.

The answer to the riddle is "hello"

Name: Email: