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.

Answer 1

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