IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Bouton de submit disabled


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 14
    Par défaut Bouton de submit disabled
    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

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    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 ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 14
    Par défaut
    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

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    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" />
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre averti
    Profil pro
    Inscrit en
    Janvier 2008
    Messages
    14
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2008
    Messages : 14
    Par défaut
    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

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 658
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 658
    Billets dans le blog
    1
    Par défaut
    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)
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. servlet suite au bouton javascript submit
    Par hihi30 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 18/06/2009, 15h47
  2. alignement dans bouton type submit
    Par pascalbm dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 24/05/2008, 18h33
  3. Bouton qui se disable automatiquement
    Par Boonichou dans le forum Macros et VBA Excel
    Réponses: 1
    Dernier message: 03/08/2007, 15h10
  4. [HTML] Validation d'un formulaire par entrée mais sans bouton type submit
    Par legillou dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 04/06/2007, 17h40
  5. Réponses: 1
    Dernier message: 27/03/2007, 12h24

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo