การใช้ JavaScript CreateElement and Validate ตรวจสอบค่าว่าง Rows , Column Radio

<?
mysql_connect("localhost","root","");
mysql_select_db("mydb");
$strSQL = "SELECT * FROM department ORDER BY dept_name";
$objQuery = mysql_query($strSQL);
?>

<script language="javascript">

	function CheckValidate()
	{

		for(i=1;i<=document.frmMain.hdnMaxLine.value;i++)
		{
			
			//*** Column 1 ***/
			if(eval("document.frmMain.f1_"+i+".value")=="")
			{
				alert('Please input Column 1 line.. ' + i);
				eval("document.frmMain.f1_"+i+".focus();")
				return false;
			}

			//*** Column 2 ***/
			if(eval("document.frmMain.f2_"+i+".value")=="")
			{
				alert('Please input Column 2 line.. ' + i);
				eval("document.frmMain.f2_"+i+".focus();")
				return false;
			}

			//*** Column 3 ***/
			if(eval("document.frmMain.f3_"+i+".value")=="")
			{
				alert('Please input Column 3 line.. ' + i);
				eval("document.frmMain.f3_"+i+".focus();")
				return false;
			}

			//*** Column 4 ***/
			if(eval("document.frmMain.f4_"+i+".value")=="")
			{
				alert('Please input Column 4 line.. ' + i);
				eval("document.frmMain.f4_"+i+".focus();")
				return false;
			}

			//*** Column 5 ***/
			if(eval("document.frmMain.Column5_"+i+".value")=="")
			{
				alert('Please input Column 5 line.. ' + i);
				eval("document.frmMain.Column5_"+i+".focus();")
				return false;
			}

		}

	}

	function CreateSelectOption(ele)
	{
		var objSelect = document.getElementById(ele);
		var Item = new Option("", ""); 
		objSelect.options[objSelect.length] = Item;
		<?
		while($objResult = mysql_fetch_array($objQuery))
		{
		?>
		var Item = new Option("<?=$objResult["dept_name"];?>", "<?=$objResult["dept_id"];?>"); 
		objSelect.options[objSelect.length] = Item;
		<?
		}
		?>
	}

	function CreateNewRow()
	{
		var intLine = parseInt(document.frmMain.hdnMaxLine.value);
		intLine++;
			
		var theTable = document.getElementById("tbExp");
		var newRow = theTable.insertRow(theTable.rows.length)
		newRow.id = newRow.uniqueID

		var newCell
		
		//*** Column 1 ***//
		newCell = newRow.insertCell(0);
		newCell.id = newCell.uniqueID;
		newCell.setAttribute("className", "css-name");
		newCell.innerHTML = "<center><INPUT TYPE=\"RADIO\" NAME=\"f1[]_"+intLine+"\" VALUE=\"S\">&nbsp;&nbsp;<INPUT TYPE=\"RADIO\" NAME=\"f1[]_"+intLine+"\" VALUE=\"U\"></center>";

		//*** Column 2 ***//
		newCell = newRow.insertCell(1);
		newCell.id = newCell.uniqueID;
		newCell.setAttribute("className", "css-name");
		newCell.innerHTML = "<center><INPUT TYPE=\"RADIO\" NAME=\"f2[]_"+intLine+"\" VALUE=\"S\">&nbsp;&nbsp;<INPUT TYPE=\"RADIO\" NAME=\"f2[]_"+intLine+"\" VALUE=\"U\"></center>";
		
		//*** Column 3 ***//
		newCell = newRow.insertCell(2);
		newCell.id = newCell.uniqueID;
		newCell.setAttribute("className", "css-name");
		newCell.innerHTML = "<center><INPUT TYPE=\"RADIO\" NAME=\"f3[]_"+intLine+"\" VALUE=\"S\">&nbsp;&nbsp;<INPUT TYPE=\"RADIO\" NAME=\"f3[]_"+intLine+"\" VALUE=\"U\"></center>";
		
		//*** Column 4 ***//
		newCell = newRow.insertCell(3);
		newCell.id = newCell.uniqueID;
		newCell.setAttribute("className", "css-name");
		newCell.innerHTML = "<center><INPUT TYPE=\"RADIO\" NAME=\"f4[]_"+intLine+"\" VALUE=\"S\">&nbsp;&nbsp;<INPUT TYPE=\"RADIO\" NAME=\"f4[]_"+intLine+"\" VALUE=\"U\"></center>";
		
		//*** Column 5 ***//
		newCell = newRow.insertCell(4);
		newCell.id = newCell.uniqueID;
		newCell.setAttribute("className", "css-name");
		newCell.innerHTML = "<center><SELECT NAME=\"Column5_"+intLine+"\" ID=\"Column5_"+intLine+"\"></SELECT></center>";

		//*** Create Option ***//
		CreateSelectOption("Column5_"+intLine)
		
		document.frmMain.hdnMaxLine.value = intLine;
	}
	
	function RemoveRow()
	{
		intLine = parseInt(document.frmMain.hdnMaxLine.value);
		if(parseInt(intLine) > 0)
		{
				theTable = document.getElementById("tbExp");				
				theTableBody = theTable.tBodies[0];
				theTableBody.deleteRow(intLine);
				intLine--;
				document.frmMain.hdnMaxLine.value = intLine;
		}	
	}

                function GenerateRow()
	{
		var intRows = parseInt(document.frmMain.txtCount.value);
		for(i=0;i<intRows;i++)
		{
			CreateNewRow();
		}
	}	

</script>
<body Onload="CreateNewRow();">
<form name="frmMain" method="post" action="Submit.php" OnSubmit="return CheckValidate();">
<table width="445" border="1" id="tbExp">
  <tr>
    <td><div align="center">Column 1 </div></td>
    <td><div align="center">Column 2 </div></td>
    <td><div align="center">Column 3 </div></td>
    <td><div align="center">Column 4 </div></td>
    <td><div align="center">Column 5 </div></td>
  </tr>
</table>
<input type="hidden" name="hdnMaxLine" value="0">
<input type="text" name="txtCount" value="1" size="5"><input name="btnAdd" type="button" id="btnAdd" value="+" onClick="GenerateRow();">
<input name="btnDel" type="button" id="btnDel" value="-" onClick="RemoveRow();">
<br>
<br>
<br>
<input name="btnSubmit" type="submit" id="btnSubmit" value="Submit">
</form>
</body>
</html>