tags:

views:

24

answers:

0

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.