jquery .submit() validate problem

Question

So this validation thing I wrote works but for some reason I need to click twice for the form to submit. Any ideas?

        $('#signup').submit(function() {
        console.log('Clicked');
    $('#signup').validate({
            rules: {
    FNAME: {
        required: true,
        notPlaceholder: true
    },
    email: {
        required: true,
        notPlaceholder: true,
        email: true
    }
},
        errorLabelContainer: "div.error",
        submitHandler: function(form) {
            $.colorbox({width:"300px", href:'thankyou.html'});
            $('#signup').fadeOut();
        }
    });
    return false;
});

thanks

Is strange because the console log outputs something when you click it the first time... — Robert
– Robert, Commented Aug 4, 2011 at 21:35
Move the $('#signup').validate call outside of the submit handler and put in document.ready handler. — Chandu
– Chandu, Commented Aug 4, 2011 at 21:36

Dan Tao · Accepted Answer · 2011-08-04 21:45:18Z

5

Your $('#signup').validate call is inside $('#signup').submit, which means the validator isn't attached until the first time the user tries to submit the form. As Cybernate pointed out in a comment, moving the validate call before the submit call will attach the validator first.

It's a little confusing; validate actually sets up validation, rather than performs it right away.

Once validation has been set up using validate, you can actually change your submit call to look like this:

$('#signup').submit(function() {
  return $('#signup').valid();
});

answered Aug 4, 2011 at 21:45

Dan Tao

129k57 gold badges309 silver badges451 bronze badges

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

Collectives™ on Stack Overflow

jquery .submit() validate problem

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related