jQuery validate plugin with nested arrays has unexpected results

Question

I am using the following jQuery validation plugin:

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

I am trying to validate a nested array "tax_percents[]" which is inside another array. It only validates the first value in the array. The odd part is, for the second field in the array it kind of validates it and gives an error message in field 1.

Here is a live demo showing the error:

http://blastohosting.com/jquery_validate_array_error/

I have the following document:

<!DOCTYPE html>
<html>
<head>
<script src="jquery.min.js"></script>
<script src="jquery.validate.js"></script>
</head>

<body>
<form action="" method="post" id="theForm">
Location 1 Tax 1:
<input type="text" name="locations[1][tax_percents][]" />
<br /><br />

Location 1 Tax 1:
<input type="text" name="locations[1][tax_percents][]" />
<br /><br />
Location 2 Tax 2:
<input type="text" name="locations[2][tax_percents][]" />
<br /><br />

Location 2 Tax 2:
<input type="text" name="locations[2][tax_percents][]" />

<input type="submit" />
</form>

<script>
    $("#theForm").validate({
        rules: 
        {
            "locations[1][tax_percents][]":
            {
                number: true
            },
            "locations[2][tax_percents][]":
            {
                number: true
            }
        }
    });
</script>
</body>
</html>

What am I doing incorrectly?

You said: "The odd part is, for the second field in the array it kind of validates it and gives an error message in field 1." And I see the two inputs duplicated with the same name. That could be a reason... — celerno
– celerno, Commented Feb 4, 2014 at 16:44
Probably, this answer will help you a litte bit more. stackoverflow.com/questions/1978664/… — celerno
– celerno, Commented Feb 4, 2014 at 16:52
I understand that I am allowed to have inputs with the same name. (Thats what I need on the server side, but it makes client side validation tricky) — Chris Muench
– Chris Muench, Commented Feb 4, 2014 at 17:02

Chris Muench · Accepted Answer · 2014-02-04 20:30:53Z

0

The library doesn't support this functionality of having things named the same and validate each input.

answered Feb 4, 2014 at 20:30

Chris Muench

18.6k72 gold badges218 silver badges375 bronze badges

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

Collectives™ on Stack Overflow

jQuery validate plugin with nested arrays has unexpected results

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related