validationEngine is not a function, ah bon ?

Version imprimable

02/11/2011, 14h17
Baroska

validationEngine is not a function, ah bon ?

Bonjour,

j'essaie d'installer depuis quelques jours JQuery ValidationEngine. Je l'avais mis sur un autre site il y a quelques mois et pas de problème ici, après avoir tout mis au bon endroit, j'obtiens l'erreur suivante dans Firebug :

Code:

$("[class^=validate]").validationEngine is not a function

Je ne vois pas d'où cela peut provenir, une Idée ?

Merci d'avance
02/11/2011, 15h56
SpaceFrog

tu as oublié de linker le plugin ... ?
02/11/2011, 18h46
Baroska

Non non il est bien là car la ligne qui buggue est dans le fichier validationEngine.js
02/11/2011, 20h02
SpaceFrog

au moment ou tu l'appelles la fonction n'existe pas

Pourtant, les fichiers sont bien appelés et sont présents !

Code:

1
2
3
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js">
<script charset="utf-8" type="text/javascript" src="js/jquery.validationEngine.js">
<script charset="utf-8" type="text/javascript" src="js/jquery.validationEngine-fr.js">

Cela peut-il venir d'ailleurs ??

03/11/2011, 09h52
SpaceFrog

a quel moment y fais tu appel ?

Ils sont appelés ici :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<?php echo $html->charset(); ?>
 
	<title>
		<?php echo $title_for_layout; ?>
	</title>
 
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6/jquery.min.js" type="text/javascript"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
 
    <script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.validationEngine-fr.js" type="text/javascript" charset="utf-8"></script>...

et le début de jquery.validationEngine.js est :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
/*
 * Inline Form Validation Engine, jQuery plugin
 * 
 * Copyright(c) 2009, Cedric Dugas
 * http://www.position-relative.net
 *	
 * Form validation engine witch allow custom regex rules to be added.
 * Licenced under the MIT Licence
 */
 
$(document).ready(function() {
 
	// SUCCESS AJAX CALL, replace "success: false," by:     success : function() { callSuccessFunction() }, 
	$("[class^=validate]").validationEngine({
		success :  false,
		failure : function() {}
	});
});

03/11/2011, 14h34
SpaceFrog

inverse tes balises de link script ...

L'erreur est différente maintenant :

Code:

1
2
$.validationEngineLanguage is undefined
[Stopper sur une erreur] $.validationEngineLanguage.newLang();

heu ça

Code:

1
2
3
4
5
6
7
8
$(document).ready(function() {
 
	// SUCCESS AJAX CALL, replace "success: false," by:     success : function() { callSuccessFunction() }, 
	$("[class^=validate]").validationEngine({
		success :  false,
		failure : function() {}
	});
});

mets le sur ta page dans le head, pas dans le fichier du plugin !

03/11/2011, 16h09
Baroska

Résultat : $("[class^=validate]").validationEngine is not a function
03/11/2011, 16h19
SpaceFrog

soit le path n'est pas bon ou y'a un bug dans le fichier du plugin ...
Y'a pas d'autre message d'erreur dans la console firebug
03/11/2011, 16h44
Baroska

Le path est bon j'accède au fichier sans problème et il n'y a pas d'autres erreurs dans Firebug et le plugin marche sur un autre site !

Ca doit encore être une erreur bien à la con !
03/11/2011, 17h01
SpaceFrog

mets un

Code:

alert('début')

au debut de ton fichier js

et un mets un

Code:

alert('fin')

a la fin
03/11/2011, 17h27
Baroska

Alors si je met exactement au début et à la fin, je vois les 2. Par contre, si je met, 'début' dans

Code:

$(document).ready(function() {alert('début'});

Je n'ai que 'fin' !
03/11/2011, 23h47
danielhagnoul

Bonsoir

API : http://www.position-absolute.com/art...ion-is-a-mess/

Il me semble que vous n'avez pas de CSS : <link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>.

Que donne console.log ( $("[class^='validate']") ); ?

Je vous suggère de tester avec $("[class^='validate']").validationEngine();.