Submit multiple form using jquery

Question

Is there any way to submit multiple forms using ajax ?

for eg form id="form1" and form id="form2"

both the forms will be submitted separately as needed.

to be more specific i am using this for my form submission.

thanks

Darin Dimitrov · Accepted Answer · 2011-09-24 20:17:45Z

3

Sure:

$('#form1, #form2').submit();

after having AJAXified them of course:

$(function() {
    $('#form1, #form2').submit(function() {
        $.ajax({
            url: this.action,
            type: this.method,
            data: $(this).serialize(),
            success: function(result) {
                alert('thanks for submitting');
            }
        });
        return false;
    });
});

UPDATE:

After your update it seem that you are using the jquery form plugin. In this case you could force the AJAX submission by invoking the ajaxSubmit method on the 2 forms like this:

$('#form1, #form2').ajaxSubmit();

edited Sep 24, 2011 at 20:17

answered Sep 24, 2011 at 20:01

Darin Dimitrov

1.0m276 gold badges3.3k silver badges3k bronze badges

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

Collectives™ on Stack Overflow

Submit multiple form using jquery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related