Well it took me long enough to find out that the JQuery form validation plugin only works on fields with a "name" attribute.
Anyway, I use it to make all the fields required.
My problem is that at some point, I have one text input
<div id='choices'>
<input type='text' />
</div>
<a href='#' id='add-choice' >Add input </a>
the user can add as many text inputs as he wants :
$("#add-choice").live("click",function(){
$("#choices").append("<input type='text' /><br>");
});
And I want these new fields to be also required. Even if I give a name to the first input. What should I do for the new inputs added dynamically ?
Is there a way to use the plugin without using the name attr, or is there another solution ?
What should I do for the new inputs added dynamically?
Give them a name, any name
Is there a way to use the plugin without using the name attr?
No
Is there another solution?
It depends on what you are doing with the fields - you clearly don't need a name on them for any other reason than to make jquery validate work, so why don't you just make up a name and call them all that?
correction - need unique names see comments
var i = 0;
$("#add-choice").live("click",function(){
$("#choices").append("<input type='text' name='bob" + i + "' class='required'/><br>");
i = i + 1;
});