Add novo campo ao formulario

[Leo Ribeiro 0]

Fala galera

tudo beleza com todos....

 

tipow, que eu tenho este js, qua add novos campos no formulario... ele eh bem interessante,

so que meu problema eh que ele vai adicionando varios campos.... e eu preciso de uma validação para ele...

 

tipow... se o primeiro campo estiver preenchido... ele add outro e por ae em diante...

 

segue abaixo o codigo...

se alguem poder me ajudar... fico agradecido...

 

JavaScript

<script type="text/javascript">
num = 0;
function addFormacao() {
		var filelocal = document.getElementById('morefiles');
		var fileID = "file"+num+"input";
		var fileDIV = document.createElement('div');
			fileDIV.setAttribute("id", fileID);
				fileDIV.innerHTML = "<input name='formacao1"+fileID+"' type='text' class='camposForm5' id='formacao"+fileID+"' onfocus=\"this.style.backgroundColor='#CCFF66'\" onblur=\"this.style.backgroundColor='#ffffff'\"/>";
filelocal.appendChild(fileDIV);
num++;
}
	
function rmvMoreFiles(divNum){
	var d = document.getElementById('morefiles');
	var olddiv = document.getElementById(divNum);
	d.removeChild(olddiv);
	num--;
}
</script>

 

Codigo HTML

<input name='formacao11' type='text' class='camposForm5' id='formacao1' onfocus="this.style.backgroundColor='#CCFF66'" onblur="this.style.backgroundColor='#ffffff'"/>
<div id="morefiles"></div>
<div style="text-align: right;">
  <a href="java script:addFormacao();">Adicionar</a>
</div>

 

Obrigado a Todos....

Fiquem na Paz

[Alex Hiroshi 7]

Como os campos estão sendo adicionados dentro de uma div (morefiles), é só pegar os campos dessa div e verificar se eles estão preenchidos. Um exemplo básico:

var c = document.getElementById('morefiles').getElementsByTagName('input');
	for (var i=0, n=c.length; i<n; i++)
	{
		if (c[i].length > 0)
		{
			// adiciona o campo
		}
	}

Não sei se funciona, não testei, mas esse script vai dentro da função addFormacao().

[Leo Ribeiro 0]

Como os campos estão sendo adicionados dentro de uma div (morefiles), é só pegar os campos dessa div e verificar se eles estão preenchidos. Um exemplo básico:

var c = document.getElementById('morefiles').getElementsByTagName('input');
	for (var i=0, n=c.length; i<n; i++)
	{
		if (c[i].length > 0)
		{
			// adiciona o campo
		}
	}

Não sei se funciona, não testei, mas esse script vai dentro da função addFormacao().

 

o Lex, obrigado pela ajuda...

mas nao deu certo, eu coloquei o codigo dentro da função,

e coloquei os dodigos do imput, ele trava...

 

sera que tem como você me esplicar melhor...

 

obrigado

fique na paz