Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Rafael A. R. Dias

[Resolvido] jquery.validate no IE

Por , em Javascript

Recommended Posts

Rafael A. R. Dias    0

Rafael A. R. Dias
Postado

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

 

http://pastebin.com/5v0RwqJD

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

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.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rafael A. R. Dias    0

Rafael A. R. Dias
Postado

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/

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rafael A. R. Dias    0

Rafael A. R. Dias
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

faltou o SHIFT.

 

Ctrl + Shift + J

 

segure o ctrl, segure o shift e ai aperte o J

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rafael A. R. Dias    0

Rafael A. R. Dias
Postado

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

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

não tá batendo cara... oq tem no arquivo script.js ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rafael A. R. Dias    0

Rafael A. R. Dias
Postado

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

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>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rafael A. R. Dias    0

Rafael A. R. Dias
Postado

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!

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito