Jquery validation ne fonctionne pas

Bonjour à tous, pourriez vous m'aider?

J'ai deux formulaire vérifier par jquery validation, le premier fonctionne

Code:

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'>&times;</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'>&times;</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",
				  },
 
 
			}
 
 
		});
 
 
});

pour le formulaire modal suivant

Code:

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>

celui la fonctionne.

J'ai un autre formulaire avec un fichier js

Code:

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",
				  },
 
 
			}
 
 
		});
	});
 
 
 
});

et le formulaire

Code:

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>

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?

Merci à vous.