Jquery验证和提交处理程序

我正在使用jquery验证来验证我的表单，我想在验证规则通过true时显示submit按钮

$(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'）
您可以使用
$（'.newEmp'）.valid（）手动触发验证。如果通过，则可以显示提交按钮

更新：

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

是否有一个选项可以让您设置回调以通过验证？只有在您提交表单后，表单才会被验证…因此，在提交表单之前隐藏它是没有意义的。我如何使它在焦点上进行验证请参阅更新的示例代码。在输入元素的焦点上（在本例中，您可以扩展选择器），它将验证您的表单，如果所有内容都有效，则显示submit按钮。