Validating multiple forms using jquery validation

Question

I have nearly 5 forms inside my webpage whose elements are validated using jquery.validate.js. And I have 'save' button(not submit) at the end which on clicking saves all detail. I need to validate all the forms when I click on 'save' and if any validation fails I need to stop that click event.Is there a way to do it?

for example :

<html>
<script type='text/javascript'>
    $(document).ready(function () {
        $('#form1').validate();
        $('#form2').validate();
        $('#form3').validate();
    });
</script>
<form id='form1'>..elements to be validated..</form>
<form id='form2'>..elements to be validated..</form>
<form id='form3'>..elements to be validated..</form>
<form id='form4'>..elements to be validated..</form>...
<input type='button' name='save_btn' id='save_btn' value='save'>
</html>

Also I tried

$("#save_btn").click(function(){
    $("form1").validate();
});

It displays error message but still click function is carried out.If anybody can suggest me some solution it will be more helpful form me.

Thank you.

Lawrence Leung · Accepted Answer · 2012-07-20 04:17:43Z

5

you could use the function valid() that is available to check whether a form or a particular element is valid

so you could do something like this for your button click event

$("#save_btn").click(function(){
  if ($("form1").valid()
        && $("form2").valid()
        && $("form3").valid()
        && $("form4").valid())
  {
     // do what you want here
  } else {
     return false; // to suppress the click event
  }
});

edited Jul 20, 2012 at 4:17

answered Jul 20, 2012 at 4:08

Lawrence Leung

3051 silver badge11 bronze badges

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

2 Comments

Santhiya Over a year ago

Thank you Lawrence Leung ,it helped me and it is working fine now..I was not aware of valid() function earlier..

Lawrence Leung Over a year ago

@Santhiya you are welcome. Keep this handy, it has all the functions available to you.

Collectives™ on Stack Overflow

Validating multiple forms using jquery validation

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related