Jquery验证和提交处理程序

Question

我正在使用jquery验证来验证我的表单，我希望在验证规则传递为true时显示提交按钮，

$(function(){
    $('.newEmp').validate({ 
         submitHandler: function(){ 
            alert("Submitted!");
         },
         rules:{
             email:{
                 required: true,
                 email: true
             },
             first_name:{
                 required: true,
                 minlength: 4
             },
             last_name:{
                 required: true,
                 minlength: 4                
             },
             mobile:{
                 required: true,
                 minlength: 4                
             },
             position:{
                 required: true,
                 minlength: 4                
             }
         }
    });



});

HTML

<div class="blue_button" style="display:none;">
    <button type="submit" id="submit">submit</button>
</div>

我应该在哪里放置此代码以显示我的提交按钮

$('.blue_button').css('display', 'block');

Answer 1

您可以使用$('.newEmp').valid()手动触发验证。如果它通过，你可以显示提交按钮。

更新

$('.newEmp input').focus(function (){
    if ($('.newEmp').valid()) {
        $('.blue_button').show();
    }
});