jQuery自定义验证 - 输入更改

时间:2013-02-17 21:18:54

标签: jquery validation

我需要创建一个简单的验证函数,基本上镜像默认的jQuery验证。到目前为止,它正在工作,但我无法复制,使您在键入时错误消息消失。一旦你单击输入字段,它确实会消失,但我希望它在我键入时触发。请你指点我正确的功能,我正在使用。目前正在改变。

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 enter your 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 enter a Menu name</label>
<label class="success" style="display: none;">That is correct</label>

1 个答案:

答案 0 :(得分:2)

'change'替换为'keyup'。每当有人按下某个键时,这将触发该事件。

问题:如果有人只按Shift或Ctrl或Alt。这将触发。