Validate Multiple Rows

I have a a web page where a user adds additional rows. Once the user adds the additional rows, I would like to validate each row to ensure “firstName” is added. I can get the first row to validate, but not the added rows. I used the following javascript:

function addRow()
{
var row = document.getElementById (‘tab’).getElementsByTagName(‘tr’)[0];
var newRow = row.cloneNode(true);
var i = row.parentNode.children.length;
newRow.children(0).children(0).name = “firstName_” + i;
newRow.children(1).children(0).name = “lastName_” + i;
row.parentNode.appendChild(newRow);
}

function valRows(){
if (!document.getElementsByTagName || !document.createTextNode) return;
var rows = document.getElementById(‘tab’).getElementsByTagName(‘tbody’)[0].getElementsByTagName(‘tr’);
for (i=0;i<= rows.length;i++){
var frm = document.forms[“form2”];
if (frm[‘firstName_’ + i].value == “”)
alert(‘Enter First Name’);
}
return rows;
}

ANY HELP WOULD BE APPRECIATED!

losssoc

Also in #JavaScript _↴