jQuery Validation Plugin not validating fields in a hidden div

Question

I have the following div block which i'm trying to validate using the jQuery validation plugin

<div class="row" id="signupaddress1" hidden>
    <label for="id-31"><span>Address 1:</span><span class="mark">*</span></label>
    <input type="text" class="required" id="id-31" name="address1"/>
</div>

Then using

$("#form").validate(...);

to validate the form. But if this div is hidden it appears to ignore the field when validating. The form uses a postcode lookup to populate the address fields and then displays the div when this has been populated but, as a result, if only the postcode is entered the form can be submitted without validating address1 contains anything.

Possible duplicate of stackoverflow.com/questions/2623514/… — Pavan
– Pavan, Commented Jan 12, 2012 at 12:01
Nope that's the opposite of the problem. It appears not be be validating and this option hasn't been set on the plugin. — Nick D
– Nick D, Commented Jan 12, 2012 at 12:54

LoneWOLFs · Accepted Answer · 2012-06-08 09:50:50Z

4

I guess you are using the new validator plugin which ignores hidden fields by default. To overwrite that just use this and it will work.

ignore:""

You can refer to the Github repo for the change Changeset

answered Jun 8, 2012 at 9:50

LoneWOLFs

2,3163 gold badges20 silver badges38 bronze badges

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

Comments

Deepak Kumar · Accepted Answer · 2012-01-12 12:41:45Z

0

You are telling jQuery to validate the form but where is your form tag you should do something like this

<form><div class="row" id="signupaddress1" hidden>
<label for="id-31"><span>Address 1:</span><span class="mark">*</span></label>
<input type="text" class="required" id="id-31" name="address1"/></div></form>

than use

$("form").validate(...);

answered Jan 12, 2012 at 12:41

Deepak Kumar

3,8019 gold badges35 silver badges32 bronze badges

Collectives™ on Stack Overflow

jQuery Validation Plugin not validating fields in a hidden div

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related