Validate 2 forms using jquery validation

Question

On my MVC project I have a View with 2 forms.

I validate the forms using jquery validation.

How can I validate 2 forms on submit of one of them?

I tried that:

$(function () {
     $("#form1").validate();
     $("#form2").validate();
     $.extend($.validator.messages, { required: "*", email: "Invalid email address." })
});

But only the second form gets validate but the first one don't, any idea on how to solve that?

@mplungjan How this question is a duplicate of the one you referred to? I'm talking about 2 forms? !! — user3378165
– user3378165, Commented Feb 27, 2017 at 10:09
Because: $("#form1").on("submit",function(e) { if ($("#form1").valid() && $("#form2").valid()) { console.log("great job"); else e.preventDefault(); }); — mplungjan
– mplungjan, Commented Feb 27, 2017 at 10:10
This is an answer to my question, not a duplicate of the other question. — user3378165
– user3378165, Commented Feb 27, 2017 at 10:11
If you know how to test ONE form is valid, you know how to test TWO forms are valid! — mplungjan
– mplungjan, Commented Feb 27, 2017 at 10:12

Community · Accepted Answer · 2017-05-23 12:00:16Z

2

Try

$("#form1").on("submit",function(e) { 
  if ($("#form1").valid() && $("#form2").valid()) { 
    console.log("great job"); 
  else e.preventDefault(); 
});

For alternatives

Validating multiple forms on the same page

edited May 23, 2017 at 12:00

CommunityBot

11 silver badge

answered Feb 27, 2017 at 10:21

mplungjan

180k29 gold badges183 silver badges246 bronze badges

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

Collectives™ on Stack Overflow

Validate 2 forms using jquery validation

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