Editions ENI Livres | Vidéos | e-Formations
Saisie de données via des formulaires
Pilotage des contrôles de saisie via JavaScript
1. Contrôle de saisie sur un champ texte
L’objectif ici va être simple, contrôler que l’utilisateur a bien effectué une saisie clavier dans un champ de type texte inclus dans un formulaire HTML et ceci via une fonction JavaScript. Dans ce premier script, il n’est pas prévu de vérification du type de données (numérique, alphanumérique, longueur...). Ces aspects seront vus dans les sections suivantes.
Présentation du script HTML/JavaScript
Pour ce script, le code source complet est proposé ci-après :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<!--
NOM DU SCRIPT : FORM_01.htm
REALISATION INFORMATIQUE : Christian VIGOUROUX
DATE DE CREATION : 15/10/2018
DATE DE DERNIERE MODIFICATION : 15/10/2018
OBJET : Gestion de formulaire (contrôle de saisie)
-->
<!-- Début script HTML -->
<html>
<!-- Début en-tête script HTML -->
<head>
<!-- Balise meta -->
<meta HTTP-equiv="Content-Type"
content="text/html; charset=utf-8" />
<!-- Titre du script HTML -->
<title>FORM_01</title>
<!-- Début script JavaScript -->
<script type="text/JavaScript">
/* Fonction de test de saisie */
function nonVide(champ, messageAlerte)
{
if (champ.value.length == 0)
{
/* Affichage d'un message d'alerte */
alert(messageAlerte);
/* Focus sur le champ en erreur */
champ.focus();
/* Valeur de retour */
return false;
}
/* Valeur de retour */
alert("Votre nom est "
+ document.getElementById('nom').value);
return true;
}
</script>
</head>
<!-- Début section body du script HTML...
