Publicado em 9 de mar.

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

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?

Discussão (2)

Entre ou cadastre-se para participar da discussão

Entrar Criar conta

Kakaroto1309· 9 de mar.

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· 9 de mar.

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