Meu JS está desfazendo o meu CSS
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 !!!!!!
Discussão (3)
Carregando comentários...