Controle du formulaire avec javascript
Mira
-
Utilisateur anonyme -
Utilisateur anonyme -
salut tout le monde, je viens de créer un formulaire et j'ai fait un script qui vérifie si tous les champs sont remplis,
pour vérifier si ça marche ou pas, j'ai laissé les champs vides et j'ai cliqué sur le bouton envoyer, une fenêtre d'alerte s'affiche mais ensuite y a un enregistrement vide qui s'ajoute dans la base de donnée.
comment faire svp pour que aucun enregistrement s'ajoute que lorsque tous les champs sont remplis ?
merci d'avance!
pour vérifier si ça marche ou pas, j'ai laissé les champs vides et j'ai cliqué sur le bouton envoyer, une fenêtre d'alerte s'affiche mais ensuite y a un enregistrement vide qui s'ajoute dans la base de donnée.
comment faire svp pour que aucun enregistrement s'ajoute que lorsque tous les champs sont remplis ?
merci d'avance!
A voir également:
- Controle du formulaire avec javascript
- Whatsapp formulaire opposition - Guide
- Formulaire de réclamation facebook - Guide
- Formulaire de reclamation instagram - Guide
- Fan controle - Télécharger - Optimisation
- A javascript error occurred in the main process - Forum Matériel & Système
1 réponse
salut, il faut éviter le contrôle par javascript car on peut le désactiver.
En HTML5, il existe l'attribut required qui affiche une infobulle et empeche la validation du formulaire si le champs est vide.
https://www.alsacreations.com/tuto/lire/1391-formulaire-html5-placeholder-required-pattern.html
si tu souhaite le faire avec JavaScript, il faut utiliser preventDefault();
par exemple :
En HTML5, il existe l'attribut required qui affiche une infobulle et empeche la validation du formulaire si le champs est vide.
https://www.alsacreations.com/tuto/lire/1391-formulaire-html5-placeholder-required-pattern.html
si tu souhaite le faire avec JavaScript, il faut utiliser preventDefault();
par exemple :
<body>
<form id="formulaire" action="camarche.php" method="post">
<label for="name">Nom</label>
<input type="text" id="name" name="nom" />
<br />
<input type="submit" />
</form>
<script type="text/javascript">
var formulaire = document.getElementById("formulaire");
formulaire.onsubmit = function(e) {
if (document.getElementById("name").value == '') {
alert("tu dois remplir");
e.preventDefault();
} else {
alert("c'est ok");
return true;
}
}
</script>
</body>