Disabled en jquery

**toulousain3117** · 26/07/2017, 12h12

Bonjour

je suis entrain de finalisé le formulaire d'inscription sur mon site.

j'effectue donc un control des champs et si tous est ok j'enleve l'attribut disabled pour pouvoir soumettre le formulaire.

le disabled fonctionne je le fais en jquery

mais c'est le retiré qui fonctionne pas voila mon code jquery des différents zone controlé et en fin le if qui permet si les valeurs demandé sont a 0 dans ce cas on désactive le disabled

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
	var validpseudo = 1;
    var validMdp = 1;
    var validMail = 1;
    var validdtn = 1;
    var validcap = 1;
	var validenf = 1;
 
 
$('#email').on('blur', function() {
 
 
        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
        var emailaddressVal = $('#email').val();
		if(!emailReg.test(emailaddressVal)) {
			$('#email').val('');
			$('#email').attr("placeholder", "Le Format est Incorrect");
			$('#email').css({
							"border-color" : "red"
						});
		} else {
			$.ajax({
				url : "verifreg.php",
					type: "POST",
					data: {email : emailaddressVal},
					dataType: "JSON",
				success: function(json) {
					if(json.reponse == 'ok') {
						$("#validationemail").fadeIn(); 
					$('#email').css({
							"border-color" : "#eee"
						});
						validMail = 0;
					} else {
 
						$('#email').val('');
						$('#email').css({
							"border-color" : "red"
						});
						$('#email').attr("placeholder", "Compte déjà existant");
					}
				}
		});
		}
 
		return validMail;
	});
 
	$('#anne_naissance').on('change', function() {
 
 
		var jour = $('#jour_naissance').val();
		var mois= $('#mois_naissance').val();
		var an = $('#anne_naissance').val();
 
			$.ajax({
				url : "verifreg.php",
					type: "POST",
					data: {jour : jour, mois : mois, annee : an},
					dataType: "JSON",
				success: function(json) {
					if(json.reponse == 'ok') {
					validdtn = 0;
					$('#anne_naissance').css({
							"border-color" : "#eee"
						});
					} else {
						alert('Erreur : '+ json.reponse);
						$('#anne_naissance').css({
							"border-color" : "red"
						});
					}
				}
			});
 
		return validdtn;
	});
 
	$('#captcha').on('blur', function() {
 
		var captcha = $('#captcha').val();
 
			$.ajax({
				url : "verifreg.php",
					type: "POST",
					data: {captcha : captcha},
					dataType: "JSON",
				success: function(json) {
					if(json.reponse == 'ok') {
					$("#validationcaptcha").fadeIn(); 
					$('#captcha').css({
							"border-color" : "#eee"
 
						});
						validcap = 0;
					} else {
						$('#captcha').val('');
						$('#captcha').attr("placeholder", "Vérifiez le mot de sécurité");
						$('#captcha').css({
							"border-color" : "red"
						});
					}
				}
			});
 
		return validcap;
	});
 
 
	$('#enf').on('change', function() {
var enf = $('#enf').val();
   if(enf == "oui"){
	   $('#labelenf').fadeIn('show').css('display', 'block');
 
	 validenf = 0;
 
}else{
			 $('#labelenf').fadeOut();
			$('#nbrenf').val('');
			validenf = 0;
   }
 
		return validenf;
	});
 
	$('#nbrenf').on('blur', function() {
var input = $('#nbrenf').val();
   var enf = $('#enf').val();
   if(input == ""){
	  $('#nbrenf').val('');
						$('#nbrenf').attr("placeholder", "Vous devez renseignez le nombre d'enfant");
						$('#nbrenf').css({
							"border-color" : "red"
						});
	   } else {
		   $('#nbrenf').css({
							"border-color" : "#eee"
						});
						$('#control_nbrenf').val('ok');
	   }
 
 
	});
 
 
	$('#pseudo').on('blur', function() {
var pseudo = $(this).val();
 
   if(pseudo.length < 3){
	  $('#pseudo').val('');
						$('#pseudo').attr("placeholder", "Vous devez rentrés au mois 3 caractere");
						$('#pseudo').css({
							"border-color" : "red"
						});
	   } else {
		   $('#pseudo').css({
							"border-color" : "#eee"
						});
						validpseudo = 0;
	   }
 
	return validpseudo;
	});
 
 
	$('#mdp').on('blur', function() {
var mdp = $(this).val();
 
   if(mdp.length < 6){
	  $('#mdp').val('');
						alert("Vous devez avoir au moins 6 caracteres");
						$('#mdp').css({
							"border-color" : "red"
						});
	   } else {
		   $('#mdp').css({
							"border-color" : "#eee"
						});
						validMdp = 0;
	   }
	   return validMdp;
 
 
	});
 
	if ((validpseudo == 0) && (validMdp == 0) && (validMail == 0) && (validdtn == 0) && (validenf == 0) && (validcap == 0))
    {
        $('#submit').removeAttr('disabled');
        $('#submit').fadeTo('1000', 0.99);
    }
    else
    {
        $('#submit').attr('disabled', true).fadeTo("1000", 0.2);
    }

**paoli121** · 26/07/2017, 13h26

essaie ceci :

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
 
var validpseudo = 1;
    var validMdp = 1;
    var validMail = 1;
    var validdtn = 1;
    var validcap = 1;
	var validenf = 1;
 
 
	$('#email').on('blur', function() {
 
 
        var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
        var emailaddressVal = $('#email').val();
		if(!emailReg.test(emailaddressVal)) {
			$('#email').val('');
			$('#email').attr("placeholder", "Le Format est Incorrect");
			$('#email').css({
							"border-color" : "red"
						});
		} else {
			$.ajax({
				url : "verifreg.php",
					type: "POST",
					data: {email : emailaddressVal},
					dataType: "JSON",
				success: function(json) {
					if(json.reponse == 'ok') {
						$("#validationemail").fadeIn(); 
					$('#email').css({
							"border-color" : "#eee"
						});
						validMail = 0;
					} else {
 
						$('#email').val('');
						$('#email').css({
							"border-color" : "red"
						});
						$('#email').attr("placeholder", "Compte déjà existant");
					}
					control_val();
				}
		});
		}
	});
 
	$('#anne_naissance').on('change', function() {
 		var jour = $('#jour_naissance').val();
		var mois= $('#mois_naissance').val();
		var an = $('#anne_naissance').val();
 
		$.ajax({
			url : "verifreg.php",
				type: "POST",
				data: {jour : jour, mois : mois, annee : an},
				dataType: "JSON",
			success: function(json) {
				if(json.reponse == 'ok') {
				validdtn = 0;
				$('#anne_naissance').css({
						"border-color" : "#eee"
					});
				} else {
					alert('Erreur : '+ json.reponse);
					$('#anne_naissance').css({
						"border-color" : "red"
					});
				}
				control_val();
			}
		});
	});
 
	$('#captcha').on('blur', function() {
		var captcha = $('#captcha').val();
		$.ajax({
			url : "verifreg.php",
				type: "POST",
				data: {captcha : captcha},
				dataType: "JSON",
			success: function(json) {
				if(json.reponse == 'ok') {
				$("#validationcaptcha").fadeIn(); 
				$('#captcha').css({
						"border-color" : "#eee"
 
					});
					validcap = 0;
				} else {
					$('#captcha').val('');
					$('#captcha').attr("placeholder", "Vérifiez le mot de sécurité");
					$('#captcha').css({
						"border-color" : "red"
					});
				}
				control_val();
			}
		});
	});
 
 
	$('#enf').on('change', function() {
		var enf = $('#enf').val();
	   if(enf == "oui"){
		   $('#labelenf').fadeIn('show').css('display', 'block');
 
		 validenf = 0;
 
		}else{
			 $('#labelenf').fadeOut();
			$('#nbrenf').val('');
			validenf = 0;
	   }
	   control_val();
	});
 
	$('#nbrenf').on('blur', function() {
		var input = $('#nbrenf').val();
   		var enf = $('#enf').val();
   		if(input == ""){
	  	$('#nbrenf').val('');
			$('#nbrenf').attr("placeholder", "Vous devez renseignez le nombre d'enfant");
			$('#nbrenf').css({
				"border-color" : "red"
			});
	   } else {
		   $('#nbrenf').css({
				"border-color" : "#eee"
			});
			$('#control_nbrenf').val('ok');
	   } 
	   control_val();
	});
 
 
	$('#pseudo').on('blur', function() {
		var pseudo = $(this).val();
   		if(pseudo.length < 3){
		 $('#pseudo').val('');
			$('#pseudo').attr("placeholder", "Vous devez rentrés au mois 3 caractere");
			$('#pseudo').css({
				"border-color" : "red"
					});
	   } else {
		   $('#pseudo').css({
				"border-color" : "#eee"
			});
			validpseudo = 0;
	   }
	   control_val()
	});
 
 
	$('#mdp').on('blur', function() {
		var mdp = $(this).val();
 
   		if(mdp.length < 6){
	  		$('#mdp').val('');
			alert("Vous devez avoir au moins 6 caracteres");
			$('#mdp').css({
				"border-color" : "red"
			});
	   	} else {
		   $('#mdp').css({
				"border-color" : "#eee"
			});
			validMdp = 0;
	   }
	   control_val();
	});
 
    function control_val(){
    	if ((validpseudo == 0) && (validMdp == 0) && (validMail == 0) && (validdtn == 0) && (validenf == 0) && (validcap == 0))
	    {
	        $('#submit').prop("disabled",false);
	        $('#submit').fadeTo('1000', 0.99);
	    }
	    else
	    {
	        $('#submit').prop("disabled",true).fadeTo("1000", 0.2);
	    }
    	console.log("validpseudo : "+validpseudo+" - validMdp : "+validMdp+" - validMail : "+validMail+" - validdtn : "+validdtn+" - validenf : "+validenf+" - validcap :"+validcap);
    }

**numew** · 26/07/2017, 13h30

Il est conseillé d'utiliser "prop" pour ajouter/supprimer l’attribut disabled

Code :

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

1
2
3
 
$('#submit').prop('disabled', true);
$('#submit').prop('disabled', false);

**toulousain3117** · 26/07/2017, 13h30

ca marche merci beaucoup

Disabled en jquery

jQuery

Vue hybride

Discussions similaires

Partager

Partager