Comment griser un bouton dans un formulaire? PHP

Bonjour,

J'ai créé un formulaire, qui doit etre rempli par les utilisateurs de mon site, Cependant, je voudrais que le bouton soit grisé par défault, et que lorsque tous les champs soit rempli, il se dégrise de façon à ce qu'on puisse cliquer sur le bouton.

Merci de votre aide

[ 'Tu trouveras toujours plus fort que toi' ]

Salut,

Il te faut faire une fonction Javascript du genre :

function control () {
   /* contrôle sur tous les champs du formulaire. Là ça dépend des données de ton formulaire et de ce que tu souhaites contrôler */
   si OK => document.getElementById('sub').disabled = false;
   si pas OK => document.getElementById('sub').disabled = true;
}


Le bouton de validation :
<input type="submit" id="sub" style="" disabled=true value="valider" />

Le mieux reste d'appeler la fonction à intervalles réguliers (1,2 sec).


Cordialement,


Kohntark-

J'ai fait ca mais ca ne marche toujours pas :

<input type="text" name="login" maxlength="30" size="12" onchange="verif1()" value="">
<input type="submit" value="Connexion" name="connexion" id="connect" disabled="true">


            <script type="text/javascript">

            function verif1()
            {
            //veriication que le login est entré
            if(document.validation.login.value=="")
            {
            document.getElementById('connexion').disabled = false;
            }
            if(document.validation.login.value!="")
            {
            document.getElementById('connexion').disabled = true;
            }
            }

            </script>

Cordialement, Vin's

[ 'Tu trouveras toujours plus fort que toi' ]

Salut,

<input type="submit" value="Connexion" name="connexion" id="connect" disabled="true">
donc ton id est connect

or tu fais
document.getElementById('connexion').disabled = false;

tu devrais faire
document.getElementById('connect').disabled = false;

Normalement la console d'erreur de FireFox (ou autre sous IE) devrait de donner l'erreur.
A plus.

Ca marche merci. Mias c'est dommage car quand je tape toujours dans la zone de texte elle se dégrise pas tout de suite, il faut que je clique d'abord à côté.. Si tu connais la solution, se serait cool. Merci

[ 'Tu trouveras toujours plus fort que toi' ]

Excuse pour la lenteur, je suis au boulot. Avec, onFocus ou onSelect dés que l'utilisateur cliqueras dans la zone texte ton bouton se dégrisera mais même s'il n'a rien tapé. Le mieux serait onKeyUp ou onKeyPress ou onKeyDown.

Ne connaissant pas ton formulaire je proposais de lancer la fonction a intervals réguliers pour éviter de gérer les différents événements liés aux types. Si tu n'as que 2, 3 champs il vaut mieux gérer unitairement. Par contre le contrôle que tu fais (comme le dis implicitement gr43) ne sert à rien car il est beaucoup trop simple. En somme il n'a aucun intérêt. Je pense que tu devrais contrôler les impératifs que tu t'ai fixés avant de rendre actif le bonton (nombre de caractères, etc ...)



Kohntark -

D'accord, mais ce formulaire, c'est le plus simple. J'en ai beaucoup d'autre de formulaire dans mon site, et il y en a, qui en on même une particularité, c'est qu'il se dégrise, pas quand TOUS les champs sont pleins. Ca dépend. Je vous envoi le formulaire pour que vous comprenez mieux.





    <form action="ajoutinter.php" method='post'><!-- formulaire -->
        <table border="0" align="center"><!-- tableau sans bordure pour organiser et tout aligner -->
               <tr><td class="titretab">Type d'intervention<font size="4" color="red">*</font>  :</td>
                     <td><select style="width: 320" name="type"><!-- Liste deroulante, permettant de choisir les types -->
                    <option>< Type ></option>
                        <?php
                            while ($ligne2=mysql_fetch_array($resultat))
                            {
                        ?>
                        <option>
                            <?php
                                echo ''.$ligne['Libelle_type'].'';  
                            ?>
                        </option>
                        <?php
                            }
                        ?>   
                       
                    </select>
                </td>   

            </tr>
            <tr>
                <td class="titretab">Libelle d'intervention<font size="4" color="red">*</font>  :</td>
                <td><input type="text" name="libelle_inter" maxlength="50" size="49"></td> <!-- zone de texte -->
            </tr>
            <tr>
                <td class="titretab">Dur&eacute;e (en minutes)<font size="4" color="red">*</font>  :</td>
                <td><input type="text" name="duree" maxlength="10" size="49" onkeypress="chiffres(event)"></td> <!-- zone de texte n'autorisant uniquement la saisie de chiffres-->
            </tr>
            <tr>
                <td class="titretab">Date d&eacute;but<font size="4" color="red">*</font>  :</td>
                <td><input onclick="ds_sh(this);" size="49" name="date_deb" readonly="readonly" style="cursor: text" value="Cliquez ici pour choisir une date"><?php include ("fonctioncalendrier.php");?></td>
               
            </tr>
            <tr>
                <td class="titretab">Date fin :</td>
                <td><input onclick="ds_sh(this);" size="49" name="date_fin" readonly="readonly" style="cursor: text" value="Cliquez ici pour choisir une date"><?php include ("fonctioncalendrier.php");?></td>
               
            </tr>
           

        </table>
    <br>
    <center>
   
    <input type="submit" value="Ajouter" name="ajouter" id="ajout"> <!--  bouton ajouter une intervention -->
   
    </center>
        </form>   


Voila et j'aimerais que le bouton valider soit griser par défault et qu'il se dégrise lorsque  tous les champs soit remplis à l'exception du dernier input qui a pour name="date_fin" .. Ce champ n'est pas obligatoire en fait.

Merci

[ 'Tu trouveras toujours plus fort que toi' ]

Salut, tu peux faire un onKeyPress sur chaque element que tu veux obligatoire avec un test adéquate (nombre, string, tel, mail...) et  dés que le champ correspond à tes exigences tu stocke si le champs est correct dans une variable globale. Si tu as 3 champs obligatoires, tu n'affiche ton bouton que si t'as variable globale possède les 3 id des champs obligatoire (chaque fonction des champs obligatoires appel une fonction générique qui vérifie la valeur de la var globale et affiche le bouton valider si =ok). Il faut par contre supprimer de ta variable globale l'id de ton champ suite à une modif d'un champ correct qui ne le serait plus. Attention cependant à vérifier également en php la valeur des champs car le javascript n'est pas une solution de controle fiable et puis si ton utilisateur n'accepte pas le js, il ne pourra pas valider ton formulaire implicetement tout du moins.
Je suis pas sûr d'avoir été bien claire....

Arf, jte remercie beaucoup, mais je vois ce que tu me dit de faire, mais jarrive pas à traduire ça en code PHP .. Ben tant pis, merci quand même. C'est aussi compliqué que ça !!!!???

Cordialement

[ 'Tu trouveras toujours plus fort que toi' ]