Bouton de submit disabled

**sachbak** · 22/02/2010, 16h35

Salut à tous !

J'ai fait un petit script de vérification instantané de plusieurs champs.
Ça marche parfaitement mais, j'aimerais que l'utilisateur ne puisse pas cliquer sur valider tant qu'il y a une erreur.Pour sa j'utilise ok++; avec si il y a 3 champs OK alors sa enlève le disabled du submit .
Mais malheureusement, ça fait plusieurs heures que je cherche le problème mais rien .
le submit reste disabled.

voila mon submit :

Code :

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

1
2
 
<input type="submit" name="Submit" id="submit" disabled="disabled" />

Voila mon code JS :

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
 
    $(document).ready(function(){
$("input").focus(function(){
var info_form=$(this).next(".info");
info_form.empty();
});
$("input").blur(function(){
   var name=($(this).attr("name"));
   var value=($(this).attr("value"));
   var info_form=$(this).next(".info");
  var errors = 0;
  var ok = 0;
   if(value==undefined)
   {
     info_form.append("<span class='rouge'>Obligatoire</span>");
 
   }
   else if(name=="societe")
   {
   	$.ajax({
        type: "GET",
        url: "verifcication_instantane_clients.php?nom_entreprise="+value,
        success:function(data){
        if(data==1)
        {
          info_form.append("<span class='rouge'>Ce client existe déja</span>");
 
       }else{ ok++;}
 
        }
 
     });
   }
  else if(name=="siren")
   {
   	    	$.ajax({
        type: "GET",
        url: "verifcication_instantane_clients.php?siren="+value,
        success:function(data){
        if(data==1)
        {
          info_form.append("<span class='rouge'>Ce SIREN existe déja</span>");
 
        }else{ ok++;}
 
        }
 
     });
   }
   else if(name=="fr")
   {
   	    	$.ajax({
        type: "GET",
        url: "verifcication_instantane_clients.php?fr="+value,
        success:function(data){
 
        if(data==1)
        {
          info_form.append("<span class='rouge'>Ce FR existe déja</span>");
 
        }else{ ok++;}
 
        }
 
     });
   }
   if(ok == 3) {document.monforme.Submit.disabled = false; }else{document.monforme.Submit.disabled = true; }
 
});	
});

Merci d'avance

**SpaceFrog** · 22/02/2010, 16h41

Code :

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

document.forms['onforme'].elements['Submit'].disabled = false;

???

mais à la base mauvais idée de mettre "Submit" comme name ...

**sachbak** · 22/02/2010, 16h55

Merci SpaceFrog

J'ai effectuer ceci :

Code :

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

1
2
 
if(ok == 3) {document.forms['monforme'].elements['Submit'].disabled = false; }else{document.forms['monforme'].elements['Submit'].disabled = true; }

Mais ca ne marche toujours pas . Une idée ?Il est bien placé ?

Merci d'avance

**SpaceFrog** · 22/02/2010, 16h58

ben il s'appelle toujours Submit

Code :

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

document.getElementById('monSubmit'].disabled=(ok == 3)

avec :

Code :

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

<input type="submit" id="monSubmit" id="submit" disabled="disabled" />

**sachbak** · 22/02/2010, 17h10

Merci SpaceFrog

Mais toujours rien.
j'ai pourtant fait comme tu mas dis.

Code :

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

1
2
 
<input type="submit"  id ="MonSubmit" name="monSubmit" disabled="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
 
      $(document).ready(function(){
$("input").focus(function(){
var info_form=$(this).next(".info");
info_form.empty();
});
$("input").blur(function(){
   var name=($(this).attr("name"));
   var value=($(this).attr("value"));
   var info_form=$(this).next(".info");
  var errors = 0;
  var ok = 0;
   if(value==undefined)
   {
     info_form.append("<span class='rouge'>Obligatoire</span>");
 
   }
   else if(name=="societe")
   {
   	$.ajax({
        type: "GET",
        url: "verifcication_instantane_clients.php?nom_entreprise="+value,
        success:function(data){
        if(data==1)
        {
          info_form.append("<span class='rouge'>Ce client existe déja</span>");
 
       }else{ ok++;}
 
        }
 
     });
   }
  else if(name=="siren")
   {
   	    	$.ajax({
        type: "GET",
        url: "verifcication_instantane_clients.php?siren="+value,
        success:function(data){
        if(data==1)
        {
          info_form.append("<span class='rouge'>Ce SIREN existe déja</span>");
 
        }else{ ok++;}
 
        }
 
     });
   }
   else if(name=="fr")
   {
   	    	$.ajax({
        type: "GET",
        url: "verifcication_instantane_clients.php?fr="+value,
        success:function(data){
 
        if(data==1)
        {
          info_form.append("<span class='rouge'>Ce FR existe déja</span>");
 
        }else{ ok++;}
 
        }
 
     });
   }
    if(ok == 3) {document.forms['monforme'].elements['MonSubmit'].disabled = false; }else{document.forms['monforme'].elements['Submit'].disabled = true; }
 
});	
});

Merci d'avance

**SpaceFrog** · 22/02/2010, 17h15

je ne trouve pas que

Code :

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

 if(ok == 3) {document.forms['monforme'].elements['MonSubmit'].disabled = false; }else{document.forms['monforme'].elements['Submit'].disabled = true; }

ressemble à

Code :

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

document.getElementById('monSubmit').disabled=(ok == 3)

**sachbak** · 22/02/2010, 17h19

Escuse moi, Mais idem pour

Code :

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

1
2
3
4
5
 });
   }
    document.getElementById('MonSubmit').disabled=(ok == 3)
});	
});

Merci d'avance

**Bovino** · 22/02/2010, 19h56

Ton problème est surtout dû au fait que tu mets des else if...
Il est donc impossible pour ton script de passer par les 3 if

Et puis utiliser name comme nom de variable est particulièrement maladroit.

**sachbak** · 22/02/2010, 22h26

Merci de vos réponses .

J'ai bien enlevé tous les elseif mais toujours rien .
Avez vous un script à me proposer ?

Merci d'avance

**SpaceFrog** · 23/02/2010, 08h24

au fait append ?
c'est quoi cette methode ou fonction ?

**andry.aime** · 23/02/2010, 08h24

Bonjour,
Peux-tu nous montrer ton nouveau code?

Bouton de submit disabled

JavaScript

Discussions similaires

Partager

Partager