Trying to validate an array of textfields using jQuery

Question

I am trying to validate the following form using jQuery plugin but not successful yet. Please help me with the issue.

<ol>
        <li>
            <label for="address1" class="biz">Address 1<span class="required">*</span></label>
            <input id="address1" name="address[address1]" class="text" type="text" >
        </li>
        <li>
            <label for="address2" class="biz">Address 2</label>
            <input id="address2" name="address[address2]" class="text" type="text"/>
        </li>
        <li>
            <label for="city" class="biz">City<span class="required">*</span></label>
            <input id="city" name="address[city]" class="text" type="text"/>
        </li>

goes on....

rules: {
        name: { required: true },
        phone: { required: true },
        address: { required: true },                                                                        
}

The above rule is not working. Thank you guys in advance.

Where to begin... First, what jQuery plugin are you trying to use? Also, is this all of your code? — jay
– jay, Commented Jan 20, 2010 at 5:10

BBonifield · Accepted Answer · 2010-01-20 05:24:57Z

1

You need to use the full field names and quote them. REF: http://docs.jquery.com/Plugins/Validation/Reference#Fields_with_complex_names_.28brackets.2C_dots.29

$("#form").validate({
    rules: {
        "address[address1]": { required: true },
        "address[address2]": { required: true },
        "address[city]": { required: true },
    }
});

answered Jan 20, 2010 at 5:24

BBonifield

5,01321 silver badges36 bronze badges

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

Collectives™ on Stack Overflow

Trying to validate an array of textfields using jQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related