验证表单和字段验证的两个事件

时间:2014-01-07 07:41:06

标签: javascript jquery forms validation jquery-validate

我需要在表单上进行两次验证:在提交表单时验证用户名和验证。我试图使用单独的事件:

$('form').submit( function( event ){
});

$('.username').blur( function(){
});

这样当按下ENTER时事件就会发生冲突。我尝试过其他事件而不是模糊,但都没有正常工作。

我得出以下结论:

$('form').on('submit focusout', function( event )
{
    if( event.type == 'focusout' )
    {
        alert( 'field validate' );
    }

    else if( event.type == 'submit' )
    {
        alert( 'form submit' );
    }
});

我的表单记录'提交'并且' focusOut'。提交表单时,将检查字段,并在focusOut事件时检查字段。我的解决方案是正确的还是还有另一种更实用的方法?我不能使用插件。

1 个答案:

答案 0 :(得分:1)

你可以这样使用

$('form').on({
    focusout: function() {
        alert('field validate');
    },
    submit: {
        alert('form submit');
    }
});

访问:https://codereview.stackexchange.com/questions/19250/multiple-jquery-events-on-one-element-with-different-functions-and-target-select