Problema com Jquery Validation
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;
}
.licitacaomargin-left:23px;
width:456px;
height: 143px;
background-image:url(../images/licitac.jpg);
float:left;
clear: both;
}
.eventosmargin-left:503px;
width:289px;
height: 236px;
background-image:url(../images/event.jpg);
}
.notiwidth:456px;
height: 143px;
float:left;
clear: both;
}
.utilmargin-left:503px;
width:289px;
height: 154px;
background-image:url(../images/util.jpg);
}
.vaziomargin-left:503px;
width:289px;
height: 140px;
background-image:url(../images/vazio.jpg);
}
.tira_duvwidth: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;
}font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#006;
text-decoration:underline;
}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;
}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;
}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;
}Discussão (1)
Carregando comentários...