Adicionar linha(tabela) com input

[ersime 0]

Boa tarde,Pessoal, tenho um form com 2 campos e após preenche-los, gostaria de exibir embaixo mais 2 campos iguais e vazios e após preencher a segunda linha, aparecesse uma terceira com mais 2 campos vazios e assim sucessivamente...obrigado.

[Fleury 3]

=Testado=

- OK

- OK

- OK

 

Script:

<script language="JavaScript" type="text/javascript">var cont = 1;function createFields() {  cont++;  div = document.createElement("div");  document.getElementById('area').appendChild(div);  div.id = 'field-'+cont;  html = '<TABLE width="200" border="0"><TR><TD width="46">nome:</TD><TD width="144"><INPUT type="text" name="nome-'+cont+'" id="nome-'+cont+'"></TD></TR><TR><TD>idade:</TD><TD><INPUT type="text" name="idade-'+cont+'" id="idade-'+cont+'" onBlur="checkFields('+cont+');"></TD></TR></TABLE>';  div.innerHTML = html;}function checkFields (campo) {  if (campo == cont) {	var nome;	var idade;	if (eval("document.getElementById('field-"+campo+"')")) {  	  if ((eval("document.getElementById('nome-"+campo+"').value") != "") && (eval("document.getElementById('idade-"+campo+"').value") != "")) createFields();	}  }}</SCRIPT>

Exemplo de uso:

<DIV id="area">  <DIV id="field-1">	<TABLE width="200" border="0">	  <TR>		<TD width="46">nome:</TD>		<TD width="144"><INPUT type="text" name="nome-1" id="nome-1"></TD>	  </TR>	  <TR>		<TD>idade:</TD>		<TD><INPUT type="text" name="idade-1" id="idade-1" onBlur="checkFields(1)"></TD>	  </TR>	</TABLE>  </DIV></DIV>