Validation de formulaire

**Shadow69** · 19/10/2012, 12h19

Bonjour,

Je travaille sur une ebauche d'interface d'administration généré automatiquement en php. Dans le cadre de ce projet je veux intégrer une vérification de champs de formulaire dans mes différentes rubriques (qui se génère en fonction de ma base de données. Aucun soucis dans la génération du code de la page par PHP mais la validation ne se fait pas et firebug me dis que c'est une erreur de syntaxe.

Cependant la syntaxe semble correcte, du moins a ce que j'en comprend de jQuery, merci de me dire si vous voyez quelque chose d'anormal

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script language="javascript" type="text/javascript">
	jQuery(document).ready(function(){
		jQuery("#jQueryForm391").validate({
		rules: {
"username": {
		"required": true
		},
			"passwd": {
		"required": true
		},
			"email": {
		"required": true
		},
			"createdOn": {
		"required": true
		}
		})
	});
</script>

Ci joint le code complet d'une page de formulaire généré:
(l'indentation est pourri je sais mon générateur fait ca a la volée et un pas très propre mais c'est encore qu'une ebauche)

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
	<title>PowerAdminGenerator - Interface d'administration modulable pour PHP/MySQL</title>
	<link rel="stylesheet" href="css-js/jquery-ui-1.9.0.custom.css" />
	<link rel="stylesheet" href="css-js/charte.css" />
    <script src="css-js/jquery-1.8.2.js"></script>
    <script src="css-js/jquery-ui-1.9.0.custom.js"></script>
	<script src="css-js/jquery.validate.min.js"></script>
	<script src="css-js/jquery-ui-timepicker-addon.js"></script>
	<script src="css-js/admin.js"></script>
</head>
<body>
</body>
</html>
Bienvenue admin <a href="panel.php?deco=1">- Se déconnecter</a>
<div id="menu"><ul><li><a href="panel.php">Centre de démarrage</a></li><li><a href="panel.php?controller=users">Utilisateurs</a></li></ul></div>
<div id="content">
<h1>Edition d'un élément</h1>
<script language="javascript" type="text/javascript">
        jQuery(document).ready(function(){
                jQuery("#jQueryForm391").validate({
                rules: {
"username": {
                "required": true
                },
                        "passwd": {
                "required": true
                },
                        "email": {
                "required": true
                },
                        "createdOn": {
                "required": true
                }
                })
        });
</script><form name ="jQueryForm391" id="jQueryForm391" method="post" action="#" />Nom d'utilisateur<br /><input type="text" name="username" id="username"  /><br /><br />Mot de passe (chiffré)<br /><input type="text" name="passwd" id="passwd"  /><br /><br />Adresse email<br /><input type="text" name="email" id="email"  /><br /><br />Date de création<br /><input type="text" name="createdOn" id="createdOn" readonly="readonly" /><img class="timeCalendarItem" rel="createdOn" src="images/charte/icon-calendar.png" border="0" style="width: 20px;" alt="calendrier" /><br /><br /><input type="submit" value="Modifier" /><br /></form></div>
<div id="footer"></div>

Merci d'avance pour votre aide

**Bovino** · 19/10/2012, 13h59

Le code de ta page se trouve après la fermeture de la balise </html> !

Il existe aussi une touche assez peu connue sur un clavier qui se nomme "Entrée" (ou "Enter") et qui permet entre autre de donner envie aux autres de lire ton code... Parce que tout le HTML sur une seule ligne, ben, ça donne vraiment pas envie de t'aider...

**Shadow69** · 19/10/2012, 15h30

Re,

Au temps pour moi, il est vrai que j'aurai pu indenter le code manuellement. Par contre pour ce qui est du </body></html> qui s'est glissé avant le reste de la page c'est étrange, peut etre un problème de drag&drop

Ci joint le bon code d'une page générée

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
 
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15">
	<title>PowerAdminGenerator - Interface d'administration modulable pour PHP/MySQL</title>
	<link rel="stylesheet" href="css-js/jquery-ui-1.9.0.custom.css" />
	<link rel="stylesheet" href="css-js/charte.css" />
    <script src="css-js/jquery-1.8.2.js"></script>
    <script src="css-js/jquery-ui-1.9.0.custom.js"></script>
	<script src="css-js/jquery.validate.min.js"></script>
	<script src="css-js/jquery-ui-timepicker-addon.js"></script>
	<script src="css-js/admin.js"></script>
</head>
<body>
Bienvenue admin <a href="panel.php?deco=1">- Se déconnecter</a>
<div id="menu"><ul><li><a href="panel.php">Centre de démarrage</a></li><li><a href="panel.php?controller=users">Utilisateurs</a></li></ul></div>
<div id="content">
<h1>Edition d'un élément</h1>
<script language="javascript" type="text/javascript">
        jQuery(document).ready(function(){
                jQuery("#jQueryForm482").validate({
                rules: {
                "username": {
                "required": true
                },
                        "passwd": {
                "required": true
                },
                        "email": {
                "required": true
                },
                        "createdOn": {
                "required": true
                }
                })
        });
</script>
<form name ="jQueryForm482" id="jQueryForm482" method="post" action="#" />
Nom d'utilisateur<br />
<input type="text" name="username" id="username"  /><br /><br />
Mot de passe (chiffré)<br />
<input type="text" name="passwd" id="passwd"  /><br /><br />
Adresse email<br />
<input type="text" name="email" id="email"  /><br /><br />
Date de création<br />
<input type="text" name="createdOn" id="createdOn" readonly="readonly" />
<img class="timeCalendarItem" rel="createdOn" src="images/charte/icon-calendar.png" border="0" style="width: 20px;" alt="calendrier" /><br /><br />
<input type="submit" value="Modifier" /><br />
</form>
</div>
<div id="footer"></div>
</body>
</html>

**thunder75** · 24/10/2012, 20h49

Il manque une } pour le validate

Validation de formulaire

jQuery

Vue hybride

Discussions similaires

Partager

Partager