Fonction de Vérification ne fonctionne pas JAVASCRIPT
Posté : 08 avr. 2015, 01:39
j'ai un problème ses pour les vérifications si le formulaire est en alphabétique ou vide ou pas un mail qui ne fonctionne pas pouvez vous m'aider s'il vous plaît ?
<html>
<!-- Début entête script HTML -->
<head>
<!-- Balise meta -->
<meta http-equiv="Content-Type"
content="text/html; charset=utf-8" />
<!-- Titre du script HTML -->
<title>LOCAL_STORAGE_01</title>
<!-- Début script JavaScript -->
<script type='text/javascript'>
/* Déclarion des fonctions de vérification*/
function nonVide(champ, messageAlerte) {
if (champ.value.length == 0) {
/* Affichage d'un message d'alerte */
alert(messageAlerte);
/* Focus sur le champ en errreur */
champ.focus();
/* Valeur de retour */
return false;
}
/* Valeur de retour */
alert("Votre nom est " + document.getElementById('nom').value);
return true;
};
function estAlphabetique(champ, messageAlerte) {
/* Définition des valeurs acceptées */
var valeursAcceptees = /^[a-zA-Z]+$/;
/* Test alphabétique */
if (champ.value.match(valeursAcceptees)) {
/* Valeur de retour */
alert("Vous avez saisi " + document.getElementById('alpha').value);
return true;
} else {
/* Affichage d'un message d'alerte */
alert(messageAlerte);
/* Focus sur le champ en erreur */
champ.focus();
/* Valeur de retour */
return false;
}
};
function controleEmail(email, messageAlerte) {
/* Définition des valeurs acceptées */
var valeursAcceptees = /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/;
/* Test de la structure de l'adresse Email */
if (email.value.match(valeursAcceptees)) {
/* Valeur de retour */
alert("Structure d'adresse Email correcte");
return true;
} else {
/* Affichage d'un message d'alerte */
alert(messageAlerte);
/* Focus sur le champ en erreur */
email.focus();
/* Valeur de retour */
return false;
}
};
/* Déclarations de variables communes
à toutes les fonctions */
var intitule;
var nomPersonne;
var prenomPersonne;
var mailPersonne;
/* Fonction ecrireLocalStorage */
function ecrireLocalStorage() {
/* Test possibilité d'utiliser localStorage */
if ( typeof localStorage != "undefined") {
/* Stockage du nom (nomPersonne)
dans le stockage localStorage */
nomPersonne = document.getElementById("nom").value;
localStorage.setItem("nomPersonne", nomPersonne);
/* Stockage du prénom (prenomPersonne)
dans le stockage localStorage */
prenomPersonne =document.getElementById("prenom").value;
localStorage.setItem("prenomPersonne", prenomPersonne);
/* Stockage du mail (mailPersonne)
dans le stockage localStorage */
mailPersonne = document.getElementById("mail").value;
localStorage.setItem("mailPersonne", mailPersonne);
/* Affichage de contrôle */
intitule = "Contenu du localStorage (après écriture)";
document.getElementById("intitule").innerHTML = intitule;
document.getElementById("nomPersonne").innerHTML = nomPersonne;
document.getElementById("prenomPersonne").innerHTML = prenomPersonne;
document.getElementById("mailPersonne").innerHTML = mailPersonne;
} else {
/* Message d'erreur (pas de possibilité
de stockage localStorage) */
alert("localStorage n'est pas supporté");
}
};
/* Fonction lireLocalStorage */
function lireLocalStorage() {
/* Test possibilité d'utiliser localStorage */
if ( typeof localStorage != "undefined") {
/* Récupération du nom (nomPersonne)
depuis le stockage localStorage */
nomPersonne = localStorage.getItem("nomPersonne");
/* Récupération du prénom (prenomPersonne)
depuis le stockage localStorage */
prenomPersonne = localStorage.getItem("prenomPersonne");
/* Récupération du mail (mailPersonne)
depuis le stockage localStorage */
mailPersonne = localStorage.getItem("mailPersonne");
/* Affichage de contrôle */
intitule = "Contenu du localStorage (après relecture)";
document.getElementById("intitule").innerHTML = intitule;
document.getElementById("nomPersonne").innerHTML = nomPersonne;
document.getElementById("prenomPersonne").innerHTML = prenomPersonne;
document.getElementById("mailPersonne").innerHTML = mailPersonne;
} else {
/* Message d'erreur (pas de possibilité
de stockage localStorage) */
alert("localStorage n'est pas supporté");
}
};
/* Fonction supprimerLocalStorage */
function supprimerLocalStorage() {
localStorage.clear();
};
</script>
</head>
<!-- Début section body du script HTML -->
<body>
<!-- Titre du traitement -->
<h1>Editions ENI - JavaScript - LOCAL_STORAGE_01</h1>
<!-- Début script JavaScript -->
<script type='text/javascript'>
/* Affichage du nom du script */
alert("LOCAL_STORAGE_01");
</script>
<!-- Formulaire avec un bouton d'écriture,
un bouton de lecture et un bouton de suppression -->
<form >
<INPUT type="text" id="nom"> Nom <BR>
<INPUT type="text" id="prenom" > Prenom <BR>
<INPUT type="text" id="mail" > Mail <BR>
<input
type="button"
id="boutonEcriture"
value="Ecriture dans localStorage"
onclick="
nonVide(document.getElementByID('nom'),'Veuillez remplir nom');
nonVide(document.getElementByID('prenom'),'Veuillez remplir prenom');
nonVide(document.getElementByID('email'),'Veuillez remplir email');
estAlphabétique(document.getElementByID('nom'),'non conforme');
estAlphabétique(document.getElementByID('prenom'),'non conforme');
estAlphabétique(document.getElementByID('mail'),'non conforme');
controleEmail(document.getElementByID('mail'),'veuillez saisir un e-mail conforme');
ecrireLocalStorage();"
/>
<br/>
<input
type="button"
id="boutonLecture"
value="Lecture depuis localStorage"
onclick="lireLocalStorage();"
/>
<br />
<input
type="button"
id="boutonSuppression"
value="Suppression de l'entrée dans localStorage"
onclick="supprimerLocalStorage();"
/>
</form>
<!-- Affichage du contenu du système de stockage -->
<br />
<span id="intitule"></span>
<br />
<span id="nomPersonne"></span>
<br />
<span id="prenomPersonne"></span>
<br />
<span id="mailPersonne"></span>
<!-- Affichage du code source -->
<br />
<br />
<br />
<center>
<a href="JavaScript:window.location='view-source:' + window.location"> Code source </a>
</center>
</body>
</html>