Alguma sugestão do porque isso não funciona?

[Kakaroto1309 0]

Eu criei um formulario na qual quando o usuario SAI do campo (onBlur) o javasccript verifica se está preenchido. Se estiver, ele deixa normal, senao ele aplica uma classe que deixa a borda vermelha.

 

HTML

<input name="nome" type="text" id="FormCampo" size="50" onBlur="VerificaNome();"/>

JAVASCRIPT

function VerificaNome()
{
	var Nome = document.getElementsByName("nome")[0].value;
	
	if (Nome == '')
	{
		document.getElementsByName("nome")[0].id = 'FormCampoNulo';
		var V = '';
	}
	else
	{
		document.getElementsByName("nome")[0].id = 'FormCampo';
		var V = 'OK';
	}
	
	return V;
}

Depois, coloquei um botão no final do formulario para poder ir para a proxima pagina do formulario:

 

HTML

<input type="button" value="Proximo" onClick="Parte2();"/>

JAVASCRIPT

function Parte2()
{
	var Pais = VerificaPais();
	
	if (Pais == 'OK')
	{
		var Nome = VerificaNome();
		
		if (Nome == 'OK')
		{
			var Estado = VerificaEstado();
					
			if (Estado == 'OK')
			{
				document.getElementById("Conteudo-Aba-1").style.display = "none";
				document.getElementById("Conteudo-Aba-2").style.display = "block";
			}
		}
	}
}

Porém tudo funciona, ou seja, se os campos Pais, Nome e Estado não estiverem preenchidos, o sistema nao deixa prosseguir. Porém, quando estão todos preenchidos, o sistema não executa e tras a segunda DIV chamada de Conteudo-Aba-2.

 

Já tentei de tudo e não funciona.

Alguma luz?

[Kakaroto1309 0]

Encontrei que o problema está nessa seção:

 

function VerificaEmail()
{
	var Email = document.getElementsByName("email")[0].value;
	var httpxml;
	
	if (Email == '')
	{
		document.getElementsByName("email")[0].id = 'FormCampoNulo';
		var V = '';
	}
	else
	{					
		if (window.XMLHttpRequest)
		{
			httpxml = new XMLHttpRequest();
		}
		else
		{
			httpxml = new ActiveXObject("Microsoft.XMLHTTP");
		}
			
		httpxml.onreadystatechange =
						function()
						{
							if (httpxml.readyState == 4 && httpxml.status == 200)
							{		
								document.getElementById("EmailExiste").innerHTML = httpxml.responseText;
								
								if (httpxml.responseText)
								{
									document.getElementsByName("email")[0].id = 'FormCampoNulo';
									var V = '';
								}
								else
								{
									document.getElementsByName("email")[0].id = 'FormCampo';
									var V = 'OK';
								}
							}
						}
					
		httpxml.open("GET","../actions/buscaEmailBase.php?Email=" + Email,true);
		httpxml.send();
	}
}

Só não sei onde colocar o trecho que abaixo para poder funcionar!!!

 

if (httpxml.responseText)
{
	document.getElementsByName("email")[0].id = 'FormCampoNulo';
	var V = '';
}
else
{
	document.getElementsByName("email")[0].id = 'FormCampo';
	var V = 'OK';
}

 

[Pita 53]

Cara, antes de continuar algumas sugestões:

1 - Mude sua lógica para não ficar alterando os IDs dos elementos, lembrando que os IDs devem ser únicos;

2 - Ao invés de usar document.getElementsByName("nome")[0], prefira utilizar document.getElementsById("id"), é mais performático;

3 - Utilize a classe para realizar esse tipo de controle, crie uma classe com a borda vermelha e trabalhe adicionando e removendo essa classe do elemento de acordo com a validação

 

Com isso deve ajudar muito no seu código