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)
Carregando comentários...