jquery - Validation of fields with same name and class get "TypeError: e.validator.methods[o] is undefined"

Question

I have this HTML code:

<section id="variations_holder">
    <input type="text" name="field1" class="pprice" />
    <br/>
    <input type="text" name="field2" class="pprice" />
    <br/>
    <input type="submit" />
</section>

And this is the code I'm using to handle validation:

$('#variations_holder input.pprice').each(function() {
    $(this).rules('add', {
        required: true,
        number: true,
        messages: {
            required: "Debes introducir un precio de la variación",
            number: "El precio de la variación debe ser un valor numérico o decimal"
        }
    });
});

And it works, however when the HTML looks like this (notice input has the same name's):

<section id="variations_holder">
    <input type="text" name="field1" class="pprice" />
    <br/>
    <input type="text" name="field1" class="pprice" />
    <br/>
    <input type="submit" />
</section>

The same code stop working and cause this error:

TypeError: e.validator.methods[o] is undefined

How I can fix this issue?

This is derived from this question

Answer 1

Quote OP:

"... the HTML looks like this (notice input has the same name's):"

<input type="text" name="field1" class="pprice" />
<input type="text" name="field1" class="pprice" />

"How I can fix this issue?"

For the fifth time...

You can NOT have multiple input elements with the same value for every name attribute.

Because the plugin will NOT be able to keep track of the elements; there is no solution and no workaround for this specification.

(a collection or "group" of checkbox or radio elements is considered as "one data input", so they can share a name but only within the group representing this single piece of form data.)

---

Quote OP:

"This is derived from this question"

Where in my answer to that same question, I said:

1. "... the jQuery Validate plugin requires that each input element contain a unique name attribute. This is how the plugin keeps track of elements. ..."

as well as in the very second comment on the OP, I said:

2. "You cannot have multiple elements with same name. jQuery Validate requires that the name be unique."

and in a comment on my answer, I said:

3. "However, each element must contain a unique name, no matter how the rules are created and applied."

and in my last comment on the OP, I said:

4. "... The jQuery Validate plugin needs unique names on data input elements because that's how the plugin keeps track of them internally. There is no way around this requirement."

---

Also see:

• https://stackoverflow.com/a/19280015/594235

• https://stackoverflow.com/a/15745248/594235

• https://stackoverflow.com/a/17643385/594235

• https://stackoverflow.com/a/16658340/594235

• https://stackoverflow.com/a/18022304/594235

• https://stackoverflow.com/a/15162231/594235

• https://stackoverflow.com/a/18963614/594235

• https://stackoverflow.com/a/16816867/594235

• https://stackoverflow.com/a/18022304/594235

• https://stackoverflow.com/a/18905194/594235

Sources:

• jQuery Validate Tag Wiki

• https://stackoverflow.com/search?q=user:594235 [jquery-validate] unique name