Jquery validation and submit handler

Question

I am using jquery validation to validate my form, i want to show the submit button when ever the validation rules passed 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>

where should i put this code to show my submit button

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

Is there an option that lets you set a callback for validation passing? — Explosion Pills
– Explosion Pills, Commented Jan 17, 2013 at 7:50
your form is validated only after you submit the form...so hidding it before doesnot make sense — bipen
– bipen, Commented Jan 17, 2013 at 7:53

JNDPNT · Accepted Answer · 2013-01-17 08:13:09Z

2

You can trigger validation manually with $('.newEmp').valid(). Than if it passes, you can show the submit button.

Update:

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

edited Jan 17, 2013 at 8:13

answered Jan 17, 2013 at 8:01

JNDPNT

7,4752 gold badges37 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

JNDPNT Over a year ago

See the updated example code. On focus of your input elements (in this case, you can extend the selector) it will validate your form and if everything is valid show the submit button.

Collectives™ on Stack Overflow

Jquery validation and submit handler

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related