I have the following function which simply creates a number of text input fields based on a quantity entered.
<script type="text/javascript">
$(function() {
var input = $('<input type="text" name="delegate" id="delegate" />');
var newFields = $('');
$('#bv_qty').bind('``blur keyup change', function() {
var n = this.value || 0;
if (n+1) {
if (n > newFields.length) {
addFields(n);
} else {
removeFields(n);
}
}
});
function addFields(n) {
for (i = newFields.length; i < n; i++) {
var newInput = input.clone();
$(newInput).attr({'name': 'delegate' + (i + 1), 'id': 'delegate' + (i + 1)});
newFields = newFields.add(newInput);
newInput.appendTo('#memtix');
$("<br class='delegate' />").appendTo('#memtix');
}
}
function removeFields(n) {
var removeField = newFields.slice(n).remove();
newFields = newFields.not(removeField);
}
I want to add spry validation to each of the outputted text input fields so that they look like this:
<span id="sprytextfield1">
<input type="text" name="delegate1" id="delegate1" />
<span class="textfieldRequiredMsg">Please add ticket holder name</span></span>
The number 1 in sprytextfield1 needs to increment for each outputted field. (the delegate number is already incremented).
I can't quite get how to do it. Any help is appreciated.