[Resolvido] incompatibilidade LIGHTBOX + FORM VALIDATIOn

[Allotropos 0]

pessoal, estou usando o lightbox e o jquery validation

 

lightbox: http://leandrovieira.com/projects/jquery/lightbox/

validor: http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/ (exemplo aki: http://www.position-relative.net/creation/formValidator/demos/demoValidators.html )

 

alguem ja sofreu com isso tbm?

 

se eu ativo o validation ele para de funcionar o lightbox....

 

alguem sabe oq eh?

[William Bruno 1501]

mostre como você tentou fazer.

 

apenas importe a lib jQuery uma unica vez, acima de tudo, ai irá funcionar.

[Allotropos 0]

Bom, na minha index tenho importado o seguinte:

 

<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> // lightbox
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/> // validation

<script src="js/prototype.js" type="text/javascript"></script> // lightbox
<script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script>  // lightbox
<script src="js/lightbox.js" type="text/javascript"></script>  // lightbox

<script src="js/jquery-1.6.min.js" type="text/javascript"></script>  // validation
<script src="js/languages/jquery.validationEngine-pt.js" type="text/javascript" charset="utf-8"></script> // validation
<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script> // validation

 

Somente isso.. como uso uma pagina mae e o resto em includes, apenas faço o uso normal dentro das paginas..

lembrando que:

 

- lightbox funciona se tiver sem os js do validation

- caminhos estão corretos, pois pela source, clicando em cima ele consegue localizar o texto dos js..

- a chamada no campo tenho a certeza que está certo..

 

vlw pela ajuda ate agora ^^

[William Bruno 1501]

ok, o teu problema é pq você tá usando 2 libs diferentes.

 

ai você tem 2 alternativas:

1. usar o lightbox do jQuery

http://leandrovieira.com/projects/jquery/lightbox/

 

2. usar o noConflict:

http://wbruno.com.br/blog/2011/08/24/noconflict-jquery-usando-2-bibliotecas-javascript-alias/

[Allotropos 0]

Vlw Bruno..

Fiz os testes, coloquei o lightbox que voce passou..

 

porem, continua na mesma =(

o lightbox para de funcionar..

 

esse noConflit nao entendi mt bem como usar =S

 

 

-----------

EDIT: fui mexendo, agora esta funcionando o light, e a validação ao sair dos campos, ela mostra o erro e tals.. porem, qnd clico no botao submit, ele mostra o balao de erro em vermelho por um segundinho e faz a ação.. mesmo tando em branco, ele valida, ve q tem erro e deixa passar..

 

Como eu fiz:

 

pagina do lightbox (funcionando):

coloquei no topo:

   <script type="text/javascript" src="../js/jquery.js"></script>
   <script type="text/javascript" src="../js/jquery.lightbox-0.5.js"></script>
   <link rel="stylesheet" type="text/css" href="../css/jquery.lightbox-0.5.css" media="screen" />

   <script type="text/javascript">
	$(function() {
		$('#gallery a').lightBox();
	});
   </script>

 

pagina do validation (valida, mas nao barra o cadastro)

<link rel="stylesheet" href="../css/validationEngine.jquery.css" type="text/css"/>

<script src="../js/jquery-1.6.min.js" type="text/javascript"></script>
<script src="../js/languages/jquery.validationEngine-pt.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>

<script type="text/javascript">
jQuery(document).ready(function(){
jQuery("#formID").validationEngine();
});

 

alguma ideia? ://

 

@EDIT DENOVO ;@

 

testei chamando a pagina individualmente "http://localhost/adm/cadastro.php" e funciona.. se eu chamar na index dentro de um include, ele dá erro (http://localhost/index.php?pagina=cadastro)

sem ideias do que possa ser, acho pouco provavel que ele esteja se perdendo no caminho..

[William Bruno 1501]

remova essa linha:

<script src="../js/jquery-1.6.min.js" type="text/javascript"></script>

 

pelo visto você não entendeu nada mesmo do link sobre o noConflict(); mesmo.

 

 

Qndo 'der erro', informe exatamente qual foi o erro. Se não fica impossível ajudarmos.

[Allotropos 0]

mas não deu erro, este é o problema ;/

 

unica coisa que acontece, como disse, seria que nao barra a pagina..

aparece o erro "Campo obrigatorio" e dps de 1 segundinho ele redireciona para a action..

 

quanto a remoção da linha... fiz isso, e nao adiantou =s

assim como chamando a pagina direto, tbm nao funciona mais deste modo

 

alguma outra ideia?

 

PS: vlw pela força que está me dando cara!

[William Bruno 1501]

mostre todo o seu código atual.

 

para 'ver' os erros, aperte Ctrl+Shift+J no Firefox

http://wbruno.com.br/blog/2011/03/31/como-debugar-javascript-firefox-erros-comuns/

[Allotropos 0]

Willian, te amoo *-* auhauahua vlw mesmo cara.. me batendo nisso a 1 semana, e amanha preciso mostrar o projetinho pro meu amigo!!

nao sabia dessa função do firefox..

 

consegui resolver, era um problema no maldito class="validate[required,minSize[6]]" que era usado em um unico campo (justo o q tu mandou eu tirar do imprt la em cima rsrs..

 

porem, agora ficou um erro:

 

Erro: className is undefined

Arquivo-fonte: http://localhost/js/jquery.validationEngine.js

Linha: 1354

 

você saberia o que eh isso?