jQuery custom validation - on input change -

jQuery custom validation - on input change -

i need create simple validation function mirroring default jquery validation. far it's working can't duplicate making error message disappear type. disappear 1 time click out of input field want trigger type. please can point me right function, i'm using .change @ moment.

jsfiddle - http://jsfiddle.net/clintongreen/tlpb4/7/

js

$('#save_menu').click(function(){ var value = $('input#new_menu').val(); if (value.length){ console.log('shows success message'); $('.success').css('display','block'); } else{ console.log('shows error message'); $('.error').css('display','block'); } }); $('#new_menu').on('change', function() { $('.error').hide(); console.log('hides error message'); });

html

<input id="new_menu" type="text" name="new_menu" placeholder="please come in menu title" onkeypress="return event.keycode!=13"> <input name="save_menu" value="save menu" type="submit" id="save_menu"> <label class="error" style="display: none;">please come in menu name</label> <label class="success" style="display: none;">that correct</label>

replace 'change' 'keyup'. trigger event every time presses key.

issue: trigger if presses shift or ctrl or alt.

jquery validation