Validate Jquery n'affiche pas message d'erreur

**sky88** · 03/09/2015, 16h13

Bonjour à tous

j'utilise les validator pour afficher les messages d'erreurs

voici mon code

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
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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
 
<?php 
 
error_reporting(0);
session_destroy();
session_start();
include("connexion.php");
$message_user="true";
$message_pw="true";
 
 
if (isset($_POST['connexion']))
{ 
 
    $username = $_POST['username'];
    $password = $_POST['password'];
 
    $sql_stmt= "SELECT id_admin,user,pass,niveau, id_structure FROM admin_sup WHERE user='".$username."'";
    $result = mysql_query($sql_stmt)  or die ("Erreur de requ&ecirc;te sur la table de base de donn&eacute;es");
    $rs_array=mysql_fetch_assoc($sql_stmt);
 
    if($rs_array['username'])
    {
       if($rs_array['password']==$password)
       {
           $_SESSION['username']=$username;
           $_SESSION['niveau']=$rs_array['niveau'];
           $_SESSION['id_structure']=$rs_array['id_structure'];
           $_SESSION['id_admin']=$rs_array['id_admin'];
       }
       else 
       {
           $message_pw="false";
       }
 
     }
     else
     {
 
           $message_user="false";
     }
 
}
 
 
?>
 
<!DOCTYPE html>
<html>
<head>
 
    <!-- Include the FontAwesome CSS if you want to use feedback icons provided by FontAwesome -->
    <!--<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" />-->
    <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.css"/>
    <link rel="stylesheet" href="dist/css/formValidation.css"/>
    <link rel="stylesheet" href="css/style_login.css"/>
    <link href="assets/styles.css" rel="stylesheet" media="screen">
    <link id="bootstrap-style" href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap-responsive.min.css" rel="stylesheet">
    <link id="base-style" href="css/style_login.css" rel="stylesheet">
    <link id="base-style-responsive" href="css/style-responsive.css" rel="stylesheet">
    <script type="text/javascript" src="vendor/jquery/jquery.min.js"></script>
   <!-- <script type="text/javascript" src="vendor/bootstrap/js/bootstrap.min.js"></script>-->
    <script type="text/javascript" src="dist/js/formValidation.js"></script>
    <script type="text/javascript" src="dist/js/framework/bootstrap.js"></script>
</head>
<body>
 
       <div id="header-login">
 
	</div>
 
<div id="title-login">
 
</div>
 
<div  style="max-width:100%;">
	<div  style="float:left;width:500px; ">
	<img class="img-login" src="img/logo-at.jpg" />
	</div>
 
	<div  style="margin-left:450px;">
		<div id="login">
		<h1><strong>Authentification</strong></h1>
 
		 <form id="defaultForm" method="post" class="form-horizontal" action="">
 
 
                    <div class="form-group control-group">
                        <div  style="width:100%;" class="col-sm-5">
                            <input data-fv-remote-message="<?=$message?>" style="height:40px" type="text" class="form-control" name="username" placeholder="Nom d'utilisateur" />
                        </div>
                    </div>
 
 
                    <div class="form-group control-group">
                       <div style="width:100%;" class="col-sm-5">
                           <input style="height:40px" type="password" class="form-control" name="password" placeholder="Mot de passe" />
                        </div>
                    </div>
 
                    <div class="form-group">
                        <div style="width:100%;margin-left:0px;" class="col-sm-9 col-sm-offset-3">
                           <input type="submit" name="connexion" value="Connexion" />
                        </div>
                    </div>
                </form>
		</div>
	</div>
</div>
 
 
 
 
 
 
 
<script type="text/javascript">
 
 
 
 
 
 
 
 
 
$(document).ready(function() {
    // Generate a simple captcha
    function randomNumber(min, max) {
        return Math.floor(Math.random() * (max - min + 1) + min);
    };
    $('#captchaOperation').html([randomNumber(1, 100), '+', randomNumber(1, 200), '='].join(' '));
 
    $('#defaultForm').formValidation({
 
 
        message: 'Valeur incorrecte',
        icon: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
 
            username: {
                message: 'Nom d\'utilisateur incorrect',
                validators: {
                    notEmpty: {
                        message: 'Veuillez entrer le nom d\'utilisateur'
                    },
                    stringLength: {
                        min: 6,
                        max: 30,
                        message: 'Le nom d\'utilisateur doit contenir au moins 6 caract&eacute;res'
                    },
 
                    regexp: {
                        regexp: /^[a-zA-Z0-9_\.]+$/,
                        message: 'Le nom d\'utilisateur ne peut contenir que des lettres'
                    },
 
                    callback: {
                        callback: function(value, validator) {
                            // Check the password strength
                            if ('<?PHP echo $message_user;?>'==false) {
                                return {
                                    valid: false,
                                    message: 'user incorrect'
                                }
                            }
 
 
 
                            return true;
                        }
                    }
 
 
 
 
                }
            },
 
            password: {
                message: 'Mot de passe incorrect',
                validators: {
                    notEmpty: {
                        message: 'Veuillez entrer le mot de passe'
                    },
                }
            },
 
 
        }
    });
});
</script>
</body>
</html>

je suis arrivée à afficher le message quand les champs sont vides mais mon problème est:
quand le user est faut je ne sais pas comment afficher le message d'erreur

merci

**sky88** · 03/09/2015, 16h47

merci à vous
mais quand le user est faut je veux afficher un message de validate pour indiquer l'erreur
j'ai pû afficher les messages d'erreurs concernant la taille de la variable et les caractères saisis

mais quand je fait mon traitement dans la base pour vérifier le login je ne sais pas comment afficher le message

**hoolay** · 04/09/2015, 14h19

salut !

Code php :

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
if($rs_array['username'])
    {
       if($rs_array['password']==$password)
       {
           $_SESSION['username']=$username;
           $_SESSION['niveau']=$rs_array['niveau'];
           $_SESSION['id_structure']=$rs_array['id_structure'];
           $_SESSION['id_admin']=$rs_array['id_admin'];
       }
       else 
       {
           $message_pw="false";
           $error = "Le mot de passe ne correspond pas";
       }
 
     }
     else
     {
 
           $message_user="false";
     }

et à l'endroit ou tu veux afficher l'erreur

Code :

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

<?php if(isset($error)) echo $error; ?>

Attention par contre tu traites du sql avec des variables $_POST sans protection c'est très risqué, et encore plus sur un formulaire de login

Invité · 04/09/2015, 15h02

Bonjour,

1/ ne confonds pas :

les chaines de caractères "true" et "false",
les booléens true et false.

2/

Faire une vérification des données reçues en JavaScript/jQuery NE DISPENSE ABSOLUMENT PAS de faire le contrôle en PHP !

Il manque une gestion d'erreur dans ton code PHP (tu ne vérifies pas si le login et mdp ont été remplis,...)
Les requête doivent être protégées contre les injections SQL

**sky88** · 04/09/2015, 18h31

merci à vous
je suis arrivée à faire la vérification dans la base pour ça aucun problème
mon problème est d'afficher les messages de validation avec jquery quand le nom d'utilisateur est faux
avec jquery j'ai fait la vérification quand le chmpas est vide ou contient des caractères spéciaux mais comment je peux faire un rule dans la fonction jquery pour afficher un message si le user est faux

Invité · 04/09/2015, 19h04

Puisqu'il faut interrroger la base de données pour vérifier que le "username" fourni est bien dedans, il faut passer par AJAX.

1/ action sur remplissage de l'input -> récupération du "username" tapé en jQuery
2/ Appel AJAX d'un fichier PHP externe, qui fera la recherche

Code :

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

1
2
3
    $sql_stmt= "SELECT id_admin,user,pass,niveau, id_structure FROM admin_sup WHERE user='".$username."'";
    $result = mysql_query($sql_stmt)  or die ("Erreur de requ&ecirc;te sur la table de base de donn&eacute;es");
    $rs_array=mysql_fetch_assoc($sql_stmt);

3/ Retour d'info dans jQuery : vrai/faux
4/ affichage erreur si faux

En jQuery, la syntaxe est assez simple. Voir :

**sky88** · 05/09/2015, 10h34

merci à vous mais je n'arrive pas à le faire SVP de m'aider

Invité · 05/09/2015, 11h11

Montre ce que tu as essayé.

**sky88** · 05/09/2015, 19h54

le problème c'est que je suis débutante dans Jquery et donc je n'arrive même pas à trouver d'où commencer

Invité · 05/09/2015, 21h04

Commence par ouvrir et LIRE les liens que je t'ai fournis.
Il y a des exemples d'utilisation.

Conseil :
AVANT de l'adapter à ton projet, commence par faire un exemple simple.

**sky88** · 05/09/2015, 22h10

j'ai fait cela:
j'ai ajouter un div

Code :

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

1
2
3
4
 
 <div id="form-feedback" class="form-feedback" style="display:none">
user incorrect 
</div>

et dans mon code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 
    $('#defaultForm').on('submit', function() {
          if ('<?PHP echo $message_user;?>'=="false") {
                                 $('#form-feedback').show();
                            }
                            else
                            {
                                  $( "span" ).text( "Validated..." ).show();
    return;
                            }
 
 
     });

ça marche bien
mais le div apparait pendant des seconde après il disparait???

Validate Jquery n'affiche pas message d'erreur

Langage PHP

Discussions similaires

Partager

Partager