problem to validate dynamic form
Hi All,
I have a form like this..
______
<form name="DynamicForm" id="DynamicForm" method="post" action="">
<table border="0" cellpadding="2" cellspacing="0" width="100%">
<tr>
<th>Relation</th>
<th>Name</th>
<th>Address</th>
<th>Age</th>
</tr>
<tr>
<td align="center">
<select name="RELATION-CD-1" id="RELATION-CD-1">
<option value="">--Select--</option>
<option value="1">Father</option>
<option value="2">Mother</option>
<option value="3">Brother</option>
</select>
</td>
<td align="center"><input type="text" name="RELATION_NAME_1" id="RELATION_NAME_1"></td>
<td align="center"><input type="text" name="ADDRESS_1" id="ADDRESS_1"></td>
<td align="center"><input type="text" name="AGE_1" id="AGE_1"></td>
</tr>
<tr>
<td align="center">
<select name="RELATION-CD-2" id="RELATION-CD-2">
<option value="">--Select--</option>
<option value="1">Father</option>
<option value="2">Mother</option>
<option value="3">Brother</option>
</select>
</td>
<td align="center"><input type="text" name="RELATION_NAME_2" id="RELATION_NAME_2"></td>
<td align="center"><input type="text" name="ADDRESS_2" id="ADDRESS_2"></td>
<td align="center"><input type="text" name="AGE_2" id="AGE_2"></td>
</tr>
<tr>
<td colspan="4" align="center"><input type="submit" value="Submit Me"></td>
</tr>
</table>
</form>
______
I have used normal form validation before. Here the form elements will increase dynamically, like RELATION_NAME_1 to RELATION_NAME_N, just an example.
How can i validate these kind of form through jQuery.
Please guide me on this.
Thanks in Advance