Controle de formulaire

anaurel Messages postés 37 Date d'inscription   Statut Membre Dernière intervention   -  
Felice_ Messages postés 265 Date d'inscription   Statut Membre Dernière intervention   -
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


A voir également:

1 réponse

Felice_ Messages postés 265 Date d'inscription   Statut Membre Dernière intervention   11
 
Tu fais référence au moment où tu cliques sur le bouton d'envoi ?
0
anaurel Messages postés 37 Date d'inscription   Statut Membre Dernière intervention  
 
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   Statut Membre Dernière intervention   11 > anaurel Messages postés 37 Date d'inscription   Statut Membre Dernière intervention  
 
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 37 Date d'inscription   Statut Membre Dernière intervention   > Felice_ Messages postés 265 Date d'inscription   Statut Membre Dernière intervention  
 
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   Statut Membre Dernière intervention   11 > anaurel Messages postés 37 Date d'inscription   Statut Membre Dernière intervention  
 
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