Problema com Jquery Validation

Iniciante1 · Fevereiro 24, 2011

Olá pessoal, meu problema é o seguinte: tinha montado a parte de login de um sisteminha, estava tudo ok e funcionando, inclusive o validation, ai do nada, deixou de funcionar no ie8 (só podia ser)o jquery validation. Em outros navegadores está td ok?? o que fazer???

Segue abaixo o código da página e o css:

index.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Intranet</title>
<link href="css/estilo.css" rel="stylesheet" type="text/css" />
<script language="JavaScript" src="js/jquery.js" type="text/javascript"></script>
<script language="JavaScript" src="js/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready( function() {
$("#formularioContato").validate({
// Define as regras
rules:{
login:{
// campoNome serÃ¡ obrigatÃ³rio (required) e terÃ¡ tamanho mÃnimo (minLength)
required: true, minlength: 4
},
senha:{
// campoEmail será obrigatório (required) e precisarÃ¡ ser um e-mail vÃ¡lido (email)
required: true,  minlength: 6
}
},
// Define as mensagens de erro para cada regra
messages:{
login:{
required: "Digite o seu login!"

},

senha:{
required: "Digite a sua senha!"

},

}
});
});

</script>

</head>

<body onLoad="document.frm_login.login.focus();">
<div class="container">
<div class="topo"></div>
<form action="validacao.php" method="post" id="formularioContato" name="frm_login">




<p align="center" class="ls">Login:  <input name="login" type="text" size="40" maxlength="200" id="login"  class="campos"/></p>

<p align="center" class="ls">Senha: <input name="senha" type="password" size="40" maxlength="200"  id="senha" class="campos"/></p>

 <p align="center" > <strong class="inline">
         <input type="submit" name="Submit" value="Entrar" class="botao">
          <input type="reset" name="Submit" value="Limpar" class="botao"></strong><br />
<br />
<br />
<div class="esq_senha" align="center"><a href="esqueceu_senha.php">Esqueceu sua senha?</a>  |  <a href="altera_senha.php">Alterar própria senha</a></div>

<br />
<div class="help" align="center"><img src="images/help.gif" width="32" height="32"  border="0px"/><br />
<a href="suporte.php" >Problemas? Entre em contato com nosso suporte! </a></div></p>
<br />





</form>

</div>

<div class="rodape"><div class="container">   <a href="sobre.php">Sobre</a> | <a href="quem_somos.php">Quem Somos</a> | <a href="contato.php">Contato</a> | <a href="webmail.php">Webmail</a></font></a></div></div><br />
<div class="rodape_text"><br>Atendimento: <a href="contato.php">faleconosco</a><br />Horário de atendimento: De segunda a sexta das 08h00 às 11h30 e das 13h30 às 17h00<br /><br />  </div>
</body>
</html>

estilo.css

@charset "utf-8";
/* CSS Document */
/* ---------------------Start of the Slide------------------------*/
.ls{
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
font-style:normal;
color:#000;
margin-right:0;


}	

* {
margin:0;
padding:0;
}

.container {
font:11px Verdana, Arial, Helvetica, sans-serif;
width:800px;
margin:0 auto;
text-align:justify;
border:#CCC;
border:0px;
}


.topo{
display: block;
   margin-left: auto;
   margin-right: auto;	
width:700px;
height:220px;
background-image:url(../images/topo_login.jpg);
background-repeat:repeat-y;



}	


ul {
list-style-type:none;
}

ul#menu{

width:900px;
margin:0 15px;

}

ul#menu li{
position:relative;
float:left;
}

ul#menu li a{
display:block;
padding:0 15px;
float:left;
height:30px;
line-height:25px;
background:#0066FF;
color:#FFFFFF;
text-decoration:none;
font-size:11px;

font-family:Verdana, Arial, Helvetica, sans-serif;


}

ul#menu li a:hover{

background:#CCCCCC;
color:#000000;
text-decoration:underline;	
}

ul#menu li ul{
display:none;
position:absolute;
top:30px;
left:0;

}

ul#menu li:hover ul{
display:block;

}
ul#menu li ul a{

width:120px;
border-bottom:1px dotted  #CCFF33;

}

p#topo embed (

padding:0 15px;
)






#left {
width:7px;
height: 30px;
background-image:url(../images/left.gif);
background-repeat:no-repeat;
float:left;

}

#right {
width:7px; 
height: 30px;
float:left;
background-image:url(../images/right.gif);
background-repeat:no-repeat;

}

.licitacao
{
margin-left:23px;	
width:456px; 
height: 143px;
background-image:url(../images/licitac.jpg);
float:left;
clear: both;
}	
.eventos
{
margin-left:503px;	
width:289px; 
height: 236px;
background-image:url(../images/event.jpg);


}

.noti
{

width:456px; 
height: 143px;

float:left;
clear: both;
}	


.util
{
margin-left:503px;	
width:289px; 
height: 154px;
background-image:url(../images/util.jpg);


}
.vazio
{
margin-left:503px;	
width:289px; 
height: 140px;
background-image:url(../images/vazio.jpg);


}	

.tira_duv
{

width:787px; 
height: 365px;
background-image:url(../images/tira_duv.jpg);
float:left;
clear: both;
margin-top:10px;
margin-left:7px;
}	
.faixa{


margin: 0 -10px;


}	
.rodape {
position: absolute;
bottom: 0px;
top:500px;
background-color:#ffff66;
height:20px;
width:100%;
float:left;
clear: both;
margin-left:0%;

}

.rodape a {
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#03F;
text-decoration:underline;
position:relative;
}	
.rodape a:hover{

font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;

}		

.rodape_text {
position: absolute;
bottom: 0px;
top:530px;

height:20px;
width:100%;
float:left;
clear: both;
margin-left:0%;
text-align:center;
color:#006633;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
}		
.rodape_text a{

font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#006;
text-decoration:underline;

}
.rodape_text a:hover{

font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#006;
text-decoration:none;

}	

.help a{

font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#006;
text-decoration:underline;
text-align:center;

}	
.help a:hover{

font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#000;
text-decoration:none;
text-align:center;


}	

.esq_senha a{

font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#36F;
text-decoration:underline;
text-align:center;

}	
.esq_senha a:hover{

font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#339;
text-decoration:none;
text-align:center;


}	



label { display: block; margin-top: 10px; }
label.error { float: none; color: red; margin: 0 .5em 0 0; vertical-align: top; font-size: 10px }
p { clear: both; }
.submit { margin-top: 1em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }	


.inline{

display:inline;

}

.botao:visited { /*Link visitado*/
color: #57CB34;
text-decoration: none;
}
.botao{ /* A letra 'a' refere-se ao link com a classe botao */
margin-top: 10px; /* Margin do botão decima */
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
text-decoration: none; /* Retira o sublinhado do link */
display: inline; /* Para que fique do tamanho determinado */
width: 75px; /* Largura */
height: 35px; /* Altura */
padding: 7px; /* espaço interno */
color: #fff; /* Cor do texto */
border:0px;	
background: url(../images/botao_link.jpg) no-repeat; /* Dentro de 'url('')' vai o nome do arquivo de imagem e 'no-repeat' e para que não corra risco da imagem se repitir */

}
.campos {

font: 12px;
width:200px;
margin-right:0px;

margin-bottom:10px;
}
/* Quando passar o mouse sobre */
.botao:hover{ /* Hover ação do mouse */
color: #fff;
background: url(../images/botao_hover.jpg) no-repeat; /* Muda de botao1.jpg para botao2.jpg*/
cursor:pointer;
}






/*página logado_exmplo.php--------------------------------------------------------------*/


#risco_esq {
width:auto;
height:500px;
background-image:url(../images/risco_lateral.jpg);
background-repeat:repeat-y;
margin-left:20%;

}


#risco_dir {
width:auto;
height:500px;
background-image:url(../images/risco_lateral.jpg);
background-repeat:repeat-y;
margin-left:77%;


}


.topo_log {
position: absolute;
top: 7px;
background-color:#ffcc00;
height:61px;
width:100%;
clear: both;
margin-left:0%;

}

.img_topo{
width:795px;
height:107px;
top:0px;
background-image:url(../images/topo_restrito.jpg);
position:absolute;
background-position:center;

}

Rafael Sirotheau · Fevereiro 28, 2011

Talvez nao seja esse o problema, mas quem sabe... Ja que voce esta usando jQuery, porque nao utiliza-lo para executar o focus tambem?

ao inves de

<body onLoad="document.frm_login.login.focus();">

deixe somente

<body>

dentro do

$(document).ready(function() {

utilize:

$("#login").focus();

Entrar

Arquivado

Problema com Jquery Validation

Recommended Posts

Iniciante1 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

Rafael Sirotheau 43

Compartilhar este post

Link para o post

Compartilhar em outros sites

Alteracao Tema Wordpress Profolio

Alteracao Tema Wordpress Profolio

Alteracao Tema Wordpress Profolio

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante