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:

1 réponse

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>



0