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, Feb 27 '17 at 10:09
Because: `$("#form1").on("submit",function(e) { if ($("#form1").valid() && $("#form2").valid()) { console.log("great job"); else e.preventDefault(); });` — mplungjan, Feb 27 '17 at 10:10
This is an answer to my question, not a duplicate of the other question. — user3378165, Feb 27 '17 at 10:11
If you know how to test ONE form is valid, you know how to test TWO forms are valid! — mplungjan, Feb 27 '17 at 10:12
The way I used to validate the form is different than the one that you suggested and when I'm (or someone else) looking for a solution to this kind of issue, I won't get to the question you referred to. I do think that my question and your answer can be very helpful for others. — user3378165, Feb 27 '17 at 10:20

score 2 · Accepted Answer · edited May 23 '17 at 12:00

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 '17 at 12:00

Community

1
1

answered Feb 27 '17 at 10:21

mplungjan

169,008
28
173
236

Validate 2 forms using jquery validation

1 Answers1