Controle de formulaire

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. Tu fais référence au moment où tu cliques sur le bouton d'envoi ?
    1. Salut Boss
      On doit s'assurer que les champs sont correctement remplis avant d'envoyer le formulaire
    2. @anaurelIl 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.
    3. @Felice_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>
    4. @anaurelJe 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();
          });