jquery - Jquery 验证和提交处理程序

Question

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

$(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();
    }
});