jquery validation in multiple forms

Question

I have a form with the following format:

<form id="program" name="program method="get" action="process.jsp">

<div id="add">
some input box here...........
<input type="submit" name="action" value="Add">

</div>

<div id="exit">
some input box here...........
<input type="submit" name="action" value="Exit">

</div>

<div id="refuse">
some input box here...........     
<input type="submit" name="action" value="Refuse">

</div>

</form>

My jquery code validation is:

$("#program").validate({
          errorClass: "error",
          rules: {
       doentry: {
           required: true,
           date: true
       },
       doe: {
           required: true,
           date: true
       },
       dor: {
           required: true,
           date: true
       },
       cid: {
           selectNone: true
            }
         }
            });

where dor, doe, doentry is an <input> that is in different div, the problem is when I click on submit, on a div that is currently visible (not hidden), it requires all the other elements in the other div's that is currently hidden to be validated as well... which I don't want! What's the best way to solve this just by modifying the jQuery.. so only it validates the elements that is inside a div that is currently visible and not the whole form.

You're aware of the fieldset and label elements, right?

David Thomas
– David Thomas

2010-12-04 17:01:49 +00:00
Commented Dec 4, 2010 at 17:01 — David Thomas
– David Thomas, Commented Dec 4, 2010 at 17:01
Ehmm...so you mean instead of div's I should use fieldset?

aherlambang
– aherlambang

2010-12-04 17:02:51 +00:00
Commented Dec 4, 2010 at 17:02 — aherlambang
– aherlambang, Commented Dec 4, 2010 at 17:02

Nick Craver · Accepted Answer · 2010-12-04 17:20:45Z

1

The validation plugin has an ignore option, use that with the :hidden selector to ignore elements that aren't visible, like this:

$("#program").validate({
      ignore: ":hidden",
      errorClass: "error",
      //rules, etc..
});

edited Dec 4, 2010 at 17:20

answered Dec 4, 2010 at 17:09

Nick Craver

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

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

2 Comments

aherlambang Over a year ago

are you missing a closing quote on the hidden?

Nick Craver Over a year ago

@EquinoX - oops, indeed I was, fixed!

Collectives™ on Stack Overflow

jquery validation in multiple forms

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