Controle de formulaire

anaurel Messages postés 48 Statut Membre -  
Felice_ Messages postés 271 Statut Membre -
Bonjour,
Je voudrais savoir comment controler les champs de formulaire de pages HTML / PHP avec Javascript. Surtout comment faire le controle avant l'envoi
J'en ai vraiment besoin pour finir mon devoir de maison

1 réponse

  1. Felice_ Messages postés 271 Statut Membre 11
     
    Tu fais référence au moment où tu cliques sur le bouton d'envoi ?
    0
    1. anaurel Messages postés 48 Statut Membre
       
      Salut Boss
      On doit s'assurer que les champs sont correctement remplis avant d'envoyer le formulaire
      0
      1. Felice_ Messages postés 271 Statut Membre 11 > anaurel Messages postés 48 Statut Membre
         
        Il faut que tu utilises la méthode « addEventListener » sur le bouton d'envoi avec le type « click ».

        Le bouton devrait pas être de type « submit », tu le feras en JavaScript si tout est juste.
        0
      2. anaurel Messages postés 48 Statut Membre > Felice_ Messages postés 271 Statut Membre
         
        Sans mentir, javascript et moi ce n'est pas la joie
        j'ai par exemple ceci:

        <form method="post" action="page2.html" >
        <table>
        <tr>
        <td>Nom:</td>
        <td><input type="text" name="nom"></td>
        </tr>
        <tr>
        <td>Prénom:</td>
        <td><input type="text" name="pnom"></td>
        </tr>
        <tr>
        <td>Mot de passe:</td>
        <td><input type="password" name="mdp"></td>
        </tr>
        <tr>
        <td>Confirmer le mot de passe:</td>
        <td><input type="password" name="cmdp"></td>
        </tr>
        </table>
        <input type="submit" name="send" value="Envoyer">
        <input type="reset" name="reset" value="Annuler">
        </form>
        0
      3. Felice_ Messages postés 271 Statut Membre 11 > anaurel Messages postés 48 Statut Membre
         
        Je suis désolé, je ne peux pas tout faire à ta place…

        Mais le début c'est :

        Tu remplaces :
        <input type="submit" name="send" value="Envoyer"> 


        Par :
        <input type="button" id="send" name="send" value="Envoyer">


        Et :
        <form method="post" action="page2.html"> 


        Par :
        <form method="post" action="page2.html" id="formulaire"> 


        Ensuite en JS le départ c'est :
        var bouton = document.getElementById('send');
            bouton.addEventListener('click', function() {
                // Tes vérifications
                
                document.getElementById('formulaire').submit();
            }); 
        0