Meu JS está desfazendo o meu CSS

[c.o.souza 0]

Olá Galera Imasters,

Boa Noite !!!

 

Novamente conto com a ajuda de você´s !!

 

Eu tenho um arquivo .JS para fazer valicação em um formulário, porém quando vou submeter o formulário (deixando o form em branco para teste) ele está desfazendo meu css.

 

 

Segue o código para você´s darem um olhada .

 

validacao.js

function validalogin() {document.login.txtlogin.className = 'txtlogin';document.login.txtsenha.className = 'txtlogin';if ((document.login.txtlogin.value == "") || (document.login.txtlogin.value== null)) {alert ("Preenchimento do Campo LOGIN é obrigatorio.")document.login.txtlogin.focus();document.login.txtlogin.className = 'txtlogin';return false;                       }else if ((document.login.txtsenha.value == "") || (document.login.txtsenha.value== null)) {alert ("Preenchimento do Campo SENHA é obrigatorio ")document.login.txtsenha.focus();document.login.txtsenha.className = 'txtlogin';return false;                        

estilo.css

body {       font-family: Verdana, Arial, Helvetica, sans-serif;       font-size: 11px;       color: #003399;       } table {       	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 10 px;	color: #000000;	background-color: #d9ebff;	border: 0px solid #000000;} .campo1 {	font-family: Verdana, Arial, Helvetica, sans-serif;	font-size: 12px;	font-weight:bold;	color: #003399;	background-color: #FFFFFF;	border: 1px solid #003399;}<style>{  }a {text-decoration: none; color: #003399}a:hover{text-decoration:underline}--></style>

login.htm

<link rel="stylesheet" href="estilo.css"> <script language="JavaScript" src ="validacao.js"> </script><table border="0" cellpadding="0" cellspacing="0" width="100%" >	<tr>  <td>        <FORM name="login" action="/eFics/controle" method="POST">  Login: <INPUT size="10" type="text" name="txtlogin" class = "campo1"><BR>  Senha: <INPUT size="10" type="password" name="txtsenha" class = "campo1"><BR>  <INPUT size"3" type="submit" name="envia" value="Ok"  class = "campo1" align = "right" onClick="return validalogin(this.form)"> 	 </FORM>  </td>	</tr>  </table></body></html>

Valeu Galera pela atenção, até mais !!!!!!

[Martinelli 0]

É o seguinte, copiei teus códigos, fiz alguns testes, e descobri alguns erros no teu JS.

 

Substitua o código abaixo pelo código do "validacao.js".

 

Segue o arquivo corrigido:

function validalogin() {	document.login.txtlogin.className = 'campo1';	document.login.txtsenha.className = 'campo1';	if ((document.login.txtlogin.value == "") || (document.login.txtlogin.value== null)) {  alert ("Preenchimento do Campo LOGIN é obrigatorio.")  document.login.txtlogin.focus();  document.login.txtlogin.className = 'campo1';  return false;	}else if ((document.login.txtsenha.value == "") || (document.login.txtsenha.value== null)) {  alert ("Preenchimento do Campo SENHA é obrigatorio ")  document.login.txtsenha.focus();  document.login.txtsenha.className = 'campo1';  return false;	}}

Para saber quais foram os erros, faça uma comparação com o JS antigo. Isso vai te ajudar a descobrir erros mais rapidamente.

 

Se tiver mais dúvidas, é só postar.

 

Espero que isto tenha ajudado.

 

Flw:joia:

Martinelli

[c.o.souza 0]

É o seguinte, copiei teus códigos, fiz alguns testes, e descobri alguns erros no teu JS.Substitua o código abaixo pelo código do "validacao.js".Segue o arquivo corrigido:

function validalogin() {	document.login.txtlogin.className = 'campo1';	document.login.txtsenha.className = 'campo1';	if ((document.login.txtlogin.value == "") || (document.login.txtlogin.value== null)) {  alert ("Preenchimento do Campo LOGIN é obrigatorio.")  document.login.txtlogin.focus();  document.login.txtlogin.className = 'campo1';  return false;	}else if ((document.login.txtsenha.value == "") || (document.login.txtsenha.value== null)) {  alert ("Preenchimento do Campo SENHA é obrigatorio ")  document.login.txtsenha.focus();  document.login.txtsenha.className = 'campo1';  return false;	}}

Para saber quais foram os erros, faça uma comparação com o JS antigo. Isso vai te ajudar a descobrir erros mais rapidamente.Se tiver mais dúvidas, é só postar.Espero que isto tenha ajudado.Flw:joia:Martinelli

ah ! Entendi cara , valeu !!!!DEUS o abençoe !!!!

[Martinelli 0]

amém!