Controle de formulaire

Fermé
anaurel Messages postés 38 Date d'inscription vendredi 26 mai 2017 Statut Membre Dernière intervention 12 janvier 2018 - Modifié le 27 mai 2017 à 00:14
Felice_ Messages postés 265 Date d'inscription mardi 25 avril 2017 Statut Membre Dernière intervention 20 juillet 2017 - 27 mai 2017 à 16:03
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

Felice_ Messages postés 265 Date d'inscription mardi 25 avril 2017 Statut Membre Dernière intervention 20 juillet 2017 11
27 mai 2017 à 00:48
Tu fais référence au moment où tu cliques sur le bouton d'envoi ?
0
anaurel Messages postés 38 Date d'inscription vendredi 26 mai 2017 Statut Membre Dernière intervention 12 janvier 2018
27 mai 2017 à 12:46
Salut Boss
On doit s'assurer que les champs sont correctement remplis avant d'envoyer le formulaire
0
Felice_ Messages postés 265 Date d'inscription mardi 25 avril 2017 Statut Membre Dernière intervention 20 juillet 2017 11 > anaurel Messages postés 38 Date d'inscription vendredi 26 mai 2017 Statut Membre Dernière intervention 12 janvier 2018
27 mai 2017 à 13:15
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
anaurel Messages postés 38 Date d'inscription vendredi 26 mai 2017 Statut Membre Dernière intervention 12 janvier 2018 > Felice_ Messages postés 265 Date d'inscription mardi 25 avril 2017 Statut Membre Dernière intervention 20 juillet 2017
Modifié le 27 mai 2017 à 14:03
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
Felice_ Messages postés 265 Date d'inscription mardi 25 avril 2017 Statut Membre Dernière intervention 20 juillet 2017 11 > anaurel Messages postés 38 Date d'inscription vendredi 26 mai 2017 Statut Membre Dernière intervention 12 janvier 2018
Modifié le 27 mai 2017 à 16:10
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