Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

TaP

Validação de campos

Por , em Javascript

Recommended Posts

TaP    0

TaP
Postado

Olha soh galera eu to usando o seguindo javascript pra validar o campo

 

function validar()

{

 

if (cad.nome.value.length < 1)

{

alert('Campo nome está incorreto');

cad.nome.focus();

return false;

}

 

E no botão cadastrar eu chamo o validar

<INPUT id=submit1 style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: black; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: black; BORDER-BOTTOM-STYLE: solid" type=submit value=Cadastrar name=submit1 onclick=validar()>

 

O problema eh mesmo o campo naum tendo nada ele acusa o alert soh que quando clico em OK ele me joga pra outro pagina ao invez de continuar na mesma e com o foco no campo nome.

 

Oque pode ser??

Compartilhar este post

Link para o post
Compartilhar em outros sites

pfonseca    0

pfonseca
Postado

você ñ está a fechar o parenteses da function, feche e experimente se já funcionafunction validar(){ if (cad.nome.value.length < 1) { alert('Campo nome está incorreto'); cad.nome.focus(); return false; }****acrescente isto****** return true;}

Compartilhar este post

Link para o post
Compartilhar em outros sites

alicacwb    0

alicacwb
Postado

Me diz uma coisa...

Sendo o botão, um botão se submit, como você retornaria falso um onclick ?????????????

Eis a grande questão...

 

 

 

<form onSubmit="validar()">

<INPUT id=submit1 style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: black; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: black; BORDER-BOTTOM-STYLE: solid" type="submit" value="Cadastrar" name="submit1">

</form>

 

Outra, sempre que você abre chaves, você tem que fechar, como disse nosso amigo aí em cima....

 

 

function validar()

{

if (cad.nome.value.value == '')

{

alert('Campo nome está incorreto')

cad.nome.focus()

return false

}

else

{

return true

}

}

 

 

 

Alica CWB

Compartilhar este post

Link para o post
Compartilhar em outros sites

TaP    0

TaP
Postado

Fiz essas alterações mais continua a mesma coisa!

 

Olha como ficou:

 

function validar()

{

 

if (cad.nome.value.length < 1)

{

alert('Campo nome está incorreto');

cad.nome.focus();

return false;

}

if (email.indexOf('@') == -1)

{

alert('Campo e-mail está incorreto');

cad.email.focus();

return false;

}

if (cad.endereco.value.length < 1)

{

alert('Campo endereço está incorreto');

cad.endereco.focus();

return false;

}

if (cad.cidade.value.length < 1)

{

alert('Campo cidade está incorreto');

cad.cidade.focus();

return false;

}

if (cad.cep.value.length < 1)

{

alert('Campo CEP está incorreto');

cad.cep.focus();

return false;

}

return true;

}

 

botão

<INPUT id=submit1 style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: black; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: black; BORDER-BOTTOM-STYLE: solid" type=submit value=Cadastrar name=submit1>

 

formulario

<form name="cad" method="post" onSubmit="validar()" action="cad.asp">

<P><BR><FONT color=red size=2>Os campos marcados com *

são obrigatórios.<BR></FONT><BR>Nome<FONT color=#ff0000

size=2>*</FONT>:<BR><INPUT id=text1

style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; WIDTH: 356px; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: black; BORDER-RIGHT-STYLE: solid;

BORDER-LEFT-STYLE: solid; HEIGHT: 22px; BORDER-RIGHT-COLOR: black; BORDER-BOTTOM-STYLE: solid"

size=44 name=nome></P>

<P>E-mail<FONT color=#ff0000 size=2>*<FONT

color=black>:</FONT><BR><INPUT id=text2

style="BORDER-TOP: thin solid; WIDTH: 359px; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; HEIGHT: 22px; BORDER-BOTTOM-STYLE: solid"

size=45 name=email></FONT><BR><BR>Endereço<FONT

color=#ff0000 size=2>*<FONT

color=black>:</FONT><BR><INPUT id=text3

style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; WIDTH: 357px; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: black; BORDER-RIGHT-STYLE: solid;

BORDER-LEFT-STYLE: solid; HEIGHT: 22px; BORDER-RIGHT-COLOR: black; BORDER-BOTTOM-STYLE: solid"

size=51 name=endereco></FONT></P>

<P><FONT color=black>Cidade</FONT><FONT color=#ff0000

size=2>*<FONT

color=black>:                              <FONT

size=3>Estado:                

CEP<FONT color=#ff0000

size=2>*</FONT>:</FONT>     <BR><INPUT

id=text4

style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; WIDTH: 94px; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: black; BORDER-RIGHT-STYLE: solid;

BORDER-LEFT-STYLE:

solid; HEIGHT: 22px; BORDER-RIGHT-COLOR: black; BORDER-BOTTOM-STYLE: solid"

size=11 name=cidade

>               

<INPUT id=text5

style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; WIDTH: 63px; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: black; BORDER-RIGHT-STYLE: solid;

BORDER-LEFT-STYLE:

solid; HEIGHT: 22px; BORDER-RIGHT-COLOR: black; BORDER-BOTTOM-STYLE: solid"

size=3 name=estado

>

                 

<INPUT

id=text6

style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; WIDTH: 102px; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: black; BORDER-RIGHT-STYLE: solid;

BORDER-LEFT-STYLE: solid; HEIGHT: 22px; BORDER-RIGHT-COLOR: black; BORDER-BOTTOM-STYLE: solid"

size=11 name=cep>

</FONT></FONT></P>

<P>Nascimento:                           Telefone:<BR>

<INPUT id=text7

style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; WIDTH: 27px; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: black; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; HEIGHT: 22px; BORDER-RIGHT-COLOR: black; BORDER-BOTTOM-STYLE: solid"

size=2 name=dia>

 / <INPUT id=text9

style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; WIDTH: 27px; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: black; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; HEIGHT: 22px; BORDER-RIGHT-COLOR: black; BORDER-BOTTOM-STYLE: solid"

size=2 name=mes> /

<INPUT id=text10

style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; WIDTH: 58px; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: black; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; HEIGHT: 22px; BORDER-RIGHT-COLOR: black; BORDER-BOTTOM-STYLE: solid"

size=4

name=ano>

                  <INPUT id=text8

style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; WIDTH: 123px; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: black; BORDER-RIGHT-STYLE: solid;

BORDER-LEFT-STYLE: solid; HEIGHT: 22px; BORDER-RIGHT-COLOR: black; BORDER-BOTTOM-STYLE: solid"

size=15 name=telefone></P>

<P>Escolaridade:<BR><SELECT id=select1

style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: black; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: black; BORDER-BOTTOM-STYLE: solid"

name=escolaridade> <OPTION value="Ensino básico"

selected>Ensino básico</OPTION><OPTION

value=médio>Ensino médio</OPTION><OPTION

value="sup incompleto">Ensino superior

incompleto</OPTION><OPTION value="sup completo">Ensino

superior completo</OPTION><OPTION

value=pós>Pós-graduação</OPTION><OPTION

value=""></OPTION></SELECT></P>

<P>Desejo receber informações sobre os cursos: <INPUT

id=checkbox1 type=checkbox CHECKED name=curso></P>

<P align=center><INPUT id=submit1 style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: black; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; BORDER-RIGHT-COLOR: black; BORDER-BOTTOM-STYLE: solid" type=submit value=Cadastrar name=submit1> 

<INPUT id=reset1 style="BORDER-LEFT-COLOR: black; BORDER-BOTTOM-COLOR: black; WIDTH: 80px; BORDER-TOP-STYLE: solid; BORDER-TOP-COLOR: black; BORDER-RIGHT-STYLE: solid; BORDER-LEFT-STYLE: solid; HEIGHT: 24px; BORDER-RIGHT-COLOR: black; BORDER-BOTTOM-STYLE: solid" type=reset size=25 value=Limpar name=reset1></P><FONT color=#ff0000

size=2></FONT>

</form>

 

Oque pode ser agora?

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito