Jquery Validation Plugin, dynamic form validation

Question

I'm using the Jquery Validation Plugin to forms loaded via Ajax (dynamic forms). I know that as of Jquery 1.4, live events on submit is now possible. Now the problem is I want to show a confirm message after the dynamic form has been validated. My code looks like this:

$('.dynamicForm').live('submit',function(){
   $(this).validate();
   if($(this).valid()){
      if(!confirm('Are you sure?'))
         e.preventDefault();
   }
});

It's not working as expected. Somehow confirmation shows first, then at the second time I submit the form, that's the time the validation happens. Any ideas?

codegy · Accepted Answer · 2010-02-08 05:12:14Z

3

Somehow this seems to work:

$('.dynamicForm').live('mouseover',function(){
    $(this).validate({
        submitHandler:function(form){
            if(confirm("Are you sure?")){
                form.submit();
            }
        }
    });
});

answered Feb 8, 2010 at 5:12

codegy

2,3394 gold badges25 silver badges24 bronze badges

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

1 Comment

Hamza Ali Over a year ago

jQuery .live() has been removed in version 1.9 onwards. Refer to this post stackoverflow.com/questions/14354040/…

LeftyX · Accepted Answer · 2013-01-07 09:50:35Z

3

Use the submitHandler function available in the validate options:

$(".dynamicForm").validate({
   submitHandler: function(form) { //Only runs when valid
     if(confirm('Are you sure?'))
       form.submit();
   }
})

From the docs - submitHandler:

Callback for handling the actual submit when the form is valid. Gets the form as the only argument. Replaces the default submit. The right place to submit a form via Ajax after it validated.

edited Jan 7, 2013 at 9:50

LeftyX

35.6k21 gold badges140 silver badges201 bronze badges

answered Feb 8, 2010 at 4:23

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

1 Comment

codegy Over a year ago

I've tried that. But the real problem is dealing with dynamic form elements. That's why I used Jquery's live().

Collectives™ on Stack Overflow

Jquery Validation Plugin, dynamic form validation

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related