Controle du formulaire avec javascript

Fermé

Mira - Modifié par Mira le 6/04/2014 à 01:23
Utilisateur anonyme - 6 avril 2014 à 21:43

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!

A voir également:

Controle du formulaire avec javascript
Formulaire de réclamation facebook - Guide
Telecharger javascript - Télécharger - Langages
Formulaire de reclamation instagram - Guide
Confirmer le nouvel envoi du formulaire err_cache_miss - Forum Webmastering
Controle parental pc - Guide

1 réponse

Réponse 1 / 1

Utilisateur anonyme
6 avril 2014 à 21:43

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 :

<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>

Discussions similaires

Civilité (Mr,Mme,Melle) n' apparait pas lors de l'exécution du formulaire

Google Chrome : "Nouvel envoi du formulaire"

Problème d'envoi de formulaire

Problème avec Google Chrome

Confirmation de l'envoi d'un formulaire html