Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Tenho uma página com um formulário de login que é validado pelo JQuery.validate (na verdade tenho várias paginas com formulários que o mesmo problema ocorre), a validação ocorre sem nenhum problema no Firefox, Opera, Safari e Chrome, porém no IE...
No IE ele IGNORA TOTALMENTE as regras de validação e cai direto no submithandler, nenhum navegador acusa erro nem mesmo o IE, ele simplesmente ignora.
Meu JQuery é o 1.6.2, meu validate é o 1.7 e o problema ocorre em todos os IEs que testei (6,7,8 e 9).
Abaixo o código:
// Ao terminar de carregar o documento
//
$ ( function ( )
{
// Validando formulário
//
$ ( '#loginAmigo' ) . validate
( {
rules:
{
login:
{
required: true
},
senha:
{
required: true
}
},
messages:
{
login:
{
required: ''
},
senha:
{
required: ''
}
},
// Quando tudo válido
//
submitHandler: function ( )
{
alert('ok');
}
} );
} );O código ficou sem endentação, segue link no pastebin
Sim, tem outros scripts, porém ja fiz o teste e removi tudo deixando apenas o JQuery o Validate e o código que coloquei aqui e o erro continuou.
Adicionei um valor de erro também
Caso queira ver ele funcionando e testar no IE, o link é http://www.diasrafael.com.br/fotos_videos/
Estou num MAC agora, então é meio complicado testar no IE.
apenas para fins de teste, coloque um input submit, no lugar do button, e veja se o erro ainda ocorre no IE
<button type="submit" >Logar</button>
Também já tentei isso :(
Troquei button por input, removi todos os js, copiei o script de um sistema pro outro, conferi se a versão de um sistema pro outro esta diferente (ñ)... nada deu certo
quanto ao CTRL+J dito anteriormente, apenas me manda para a caixa de busca do google que tem no firefox
faltou o SHIFT.
Ctrl + Shift + J
segure o ctrl, segure o shift e ai aperte o J
Opa, ignorei totalmente o shift rs
Apareceram várias mensagens, a maioria referentes aos css dos plugins do jquery... as mensagens que nao sao de css são:
--------------------------------------------
Erro: [Exception... "Component returned failure code: 0x80004005 (NS_ERROR_FAILURE) [nsIURI.host]" nsresult: "0x80004005 (NS_ERROR_FAILURE)" location: "JS frame :: file:///usr/share/mozilla/extensions/%7Bec8030f7-c20a-464f-9b0e-13a3a9e97384%7D/ubufox@ubuntu.com/components/ufoxHTTPListener.js :: <TOP_LEVEL> :: line 64" data: no]
Arquivo-fonte: file:///usr/share/mozilla/extensions/%7Bec8030f7-c20a-464f-9b0e-13a3a9e97384%7D/ubufox@ubuntu.com/components/ufoxHTTPListener.js
Linha: 64
--------------------------------------------
Erro: missing ) after argument list
Arquivo-fonte: http://localhost/diasrafael/www/paginas/login_amigos//script.js
Linha: 16, Coluna: 3
Código-fonte:
} ;
--------------------------------------------
Erro: missing ) after argument list
Arquivo-fonte: http://localhost/diasrafael/www/paginas/login_amigos//script.js
Linha: 16, Coluna: 3
Código-fonte:
} ;
--------------------------------------------
[ Places Maintenance ]
Integrity check
+ The database is sane
Coherence check
+ The database is coherent
não tá batendo cara... oq tem no arquivo script.js ?
>
não tá batendo cara... oq tem no arquivo script.js ?
é o código que passei aqui
fiz um teste basico e criei uma pagina sem nada, apenas com um formulario de teste a ser validado... o problema persiste!
p.s.: cliquei no botão limpar do console de erros e abri ela dnovo... dessa vez veio apenas erros de CSS. imagino que os erros q coloquei antes fossem de outro momento e ficou guardado
<html>
<head>
<script language="javascript" type="text/javascript" src="jquery.js"></script>
<script language="javascript" type="text/javascript" src="jquery.validate.js"></script>
<script language="javascript">
$ ( function ( )
{
$ ( '#formTeste' ) . validate
( {
rules:
{
campoTeste:
{
required: true
}
},
submitHandler: function ( )
{
alert('ok');
}
} );
} );
</script>
</head>
<body>
<form id="formTeste" action="http://www.google.com.br">
<input type="text" name="campoTeste" id="campoTeste"/>
<input type="submit" value="ok"/>
</form>
</body>
</html>no site do validate, tem disponivel o 1.9
testei aqui, e não deu nenhum erro
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
<script type="text/javascript">
$( function()
{
$( '#formTeste' ).validate
( {
rules:
{
campoTeste:
{
required: true
}
},
submitHandler: function()
{
alert('ok');
}
} );
} );
</script>
</head>
<body>
<form id="formTeste" action="http://www.google.com.br">
<input type="text" name="campoTeste" id="campoTeste"/>
<input type="submit" value="ok"/>
</form>
</body>
</html>o erro so ocorre no IE, cabei de testar o script deste artigo http://www.emersoncarvalho.com/validando-formularios-com-jquery-validate/ e deu a mesma coisa... quase não consigo acreditar.
em todos funcionam, no IE nao. ele ignora e vai direto no submithandler
vou testar com a versao 1.9
Foi! com a versão 1.9 funcionou redondo!
Cara... vlw pela paciência! Mesmo!
estranho cara.. Ctrl+Shift+J no Firefox mostra alguma coisa?
tem algum outro script na página ?
coloque algum valor mesmo que ficticio nas mensagens, apenas para teste.