Bonjour à tous, pourriez vous m'aider?
J'ai deux formulaire vérifier par jquery validation, le premier fonctionne
pour le formulaire modal suivant
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 $(document).ready(function(){ // delete table row after click on delete button $("#add_user").click(function(){ var login = $("#login_user").val(); var mdp = $("#mdp_user").val(); var role = $('input[name=role]:checked').val(); var add_user = true;$('#your-modal-id').modal('hide'); $('#inscription').modal('hide'); $('body').removeClass('modal-open'); $('.modal-backdrop').remove(); $.ajax({ url : 'Controller/add_user.php', type : 'POST', // Le type de la requête HTTP, ici devenu POST data : 'login=' + login + '&mdp=' + mdp + '&role=' + role + '&add_user=' + add_user, // On fait passer nos variables, exactement comme en GET, au script more_com.php dataType : 'html', success : function(code_html, statut){ // code_html contient le HTML renvoyé $( "#error" ) .html( " <div class='alert alert-success message col-md-12' style='font-weight:bold;'><a href='#' class='close' data-dismiss='alert'>×</a>"+code_html+"</div>" ); } }); return false; }); $('#login_user').on('change', function(){ var check_login_exist = true; var login = $("#login_user").val(); $.ajax({ url : 'Controller/check_login_exist.php', type : 'GET', // Le type de la requête HTTP, ici devenu POST data : 'login=' + login + '&check_login_exist=' + check_login_exist, // On fait passer nos variables, exactement comme en GET, au script more_com.php dataType : 'html', success : function(code_html, statut){ // check if login exist if(code_html == 'false') { $('#login_user').css( "border-color" , "green" ); } else { $('#login_user').css( "border-color" , "red" ); $('#login_user').val(""); $('#login_user').attr('placeholder','Le login existe déjà') } }, error: function(){ $( "#error" ) .html( " <div class='alert alert-danger message col-md-12' style='font-weight:bold;'><a href='#' class='close' data-dismiss='alert'>×</a>Erreur lors de la verification du login</div>" ); } }); return false; }); $("#add_user_form").validate({ rules: { "login_user":{ "required": true, "minlength": 3, "maxlength": 12 }, "mdp_user": { "required": true, "minlength": 3 } }, messages: { login_user:{ "minlength": "votre login doit avoir 3 caractères mininmum", }, mdp_user:{ "minlength": "votre mot de passe doit avoir 3 caractères mininmum", }, } }); });
celui la fonctionne.
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 <!-- Modal --> <div class="modal fade" id="inscription" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Inscription</h4> </div> <div class="modal-body"> <form id="add_user_form"> <div class="form-group"> <label for="login-name" class="form-control-label">login:</label> <input type="text" class="form-control" name="login_user" id="login_user" title="au moins 3 caractères" required autofocus/> </div> <div class="form-group"> <label for="mdp-text" class="form-control-label">mot de passe:</label> <input type="password" class="form-control" name="mdp_user" id="mdp_user" title="au moins 3 caractères" required /> </div> <div class="form-group"> <div class="radio"> <label><input type="radio" name="role" value="admin">admin</input></label> </div> <div class="radio"> <label><input type="radio" name="role" value="user" checked>utilisateur</input></label> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Annuler</button> <button type="submit" name="inscription" id="add_user" class="btn btn-success">Inscrire</button> </div> </form> </div> </div> </div>
J'ai un autre formulaire avec un fichier js
et le formulaire
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 $(document).ready(function(){ // delete table row after click on delete button $("#add_inventory").validate({ rules: { "hostname_inventaire":{ "required": true, "minlength": 3, "maxlength": 12 }, "prenom_inventaire": { "required": true, "minlength": 3 }, "nom_inventaire":{ "required": true, "minlength": 3, "maxlength": 12 }, "login_inventaire": { "required": true, "minlength": 3 }, "service_inventaire":{ "required": true, "minlength": 3, "maxlength": 12 }, "localisation_inventaire": { "required": true, "minlength": 3 }, "costcenter_inventaire":{ "required": true, "minlength": 3, "maxlength": 12 }, "marque_inventaire": { "required": true, "minlength": 3 }, "num_serie_inventaire":{ "required": true, "minlength": 3, "maxlength": 12 }, "num_sbe_inventaire": { "required": true, "minlength": 3 }, "type_disque_inventaire":{ "required": true, "minlength": 3, "maxlength": 12 } }, messages: { hostname_inventaire:{ "minlength": "votre login doit avoir 3 caractères mininmum", }, prenom_inventaire:{ "minlength": "votre login doit avoir 3 caractères mininmum", }, login_inventaire:{ "minlength": "votre mot de passe doit avoir 3 caractères mininmum", }, service_inventaire:{ "minlength": "votre login doit avoir 3 caractères mininmum", }, localisation_inventaire:{ "minlength": "votre login doit avoir 3 caractères mininmum", }, costcenter_inventaire:{ "minlength": "votre mot de passe doit avoir 3 caractères mininmum", }, marque_inventaire:{ "minlength": "votre login doit avoir 3 caractères mininmum", }, num_serie_inventaire:{ "minlength": "votre login doit avoir 3 caractères mininmum", }, num_sbe__inventaire:{ "minlength": "votre mot de passe doit avoir 3 caractères mininmum", }, type_disque__inventaire:{ "minlength": "votre mot de passe doit avoir 3 caractères mininmum", }, } }); }); });
il ne fonctionne pas, aucune erreur de syntaxe et le fichier est bien importé. Comment je pourrais trouver le problème même avec un petit script de test cela ne fonctionne pas pour le deuxième formulaire?
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 <!-- Modal --> <div class="modal fade" id="ajout" role="dialog"> <div class="modal-dialog"> <!-- Modal content--> <div class="modal-content"> <div class="modal-header"> <h4 class="modal-title">Ajout inventaire</h4> </div> <div class="modal-body"> <form id="add_inventory"> <div class="form-group"> <label for="hostname_inventaire" class="form-control-label">Hostname:</label> <input type="text" class="form-control" name="hostname" id="hostname_inventaire" autofocus> </div> <div class="form-group"> <label for="prenom-text" class="form-control-label">Prenom:</label> <input type="text" class="form-control" name="prenom" id="prenom_inventaire"> </div> <div class="form-group"> <label for="nom-text" class="form-control-label">nom:</label> <input type="text" class="form-control" name="nom" id="nom_inventaire"> </div> <div class="form-group"> <label for="login_inventaire" class="form-control-label">Login:</label> <input type="text" class="form-control" name="login" id="login_inventaire"> </div> <div class="form-group"> <label for="message-text" class="form-control-label">Service:</label> <input type="text" class="form-control" name="service" id="service_inventaire"> </div> <div class="form-group"> <label for="localisation_inventaire" class="form-control-label">Localisation:</label> <input type="text" class="form-control" name="localisation" id="localisation_inventaire"> </div> <div class="form-group"> <label for="costcenter-text" class="form-control-label">Costcenter:</label> <input type="text" class="form-control" name="costcenter" id="costcenter_inventaire"> </div> <div class="form-group"> <label for="statut_inventaire" class="form-control-label">Statut:</label> <input type="text" class="form-control" name="statut" id="statut_inventaire"> </div> <div class="form-group"> <label for="type-text" class="form-control-label">Type:</label> <input type="text" class="form-control" name="type" id="type_inventaire"> </div> <div class="form-group"> <label for="marque_inventaire" class="form-control-label">Marque:</label> <input type="text" class="form-control" name="marque" id="marque_inventaire"> </div> <div class="form-group"> <label for="num_serie-text" class="form-control-label">N° Serie:</label> <input type="text" class="form-control" name="num_serie" id="num_serie_inventaire"> </div> <div class="form-group"> <label for="num_sbe_inventaire" class="form-control-label">N° Sbe:</label> <input type="text" class="form-control" name="num_sbe" id="num_sbe_inventaire"> </div> <div class="form-group"> <label for="type_disque-text" class="form-control-label">Type_disque:</label> <input type="text" class="form-control" name="type_disque" id="type_disque_inventaire"> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-danger" data-dismiss="modal">Fermer</button> <button type="submit" name="submit" class="btn btn-success">OK</button> </div> </form> </div> </div> </div> </div>
Merci à vous.
Partager