valider les villes et pays
Bonjour tout le monde,
Dans une zone de texte (areatexte) je dois valider la saisie de la chaine de caractère sous cette forme Ville1(pays1),Ville2(pays1),Ville3(pays2),Ville2(pays1),,Ville2(pays3) ....
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64
|
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>TP1 - les formulaires</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript">
function valideFormulaire(){
var formElementVillePays = document.getElementsByName('villes')[0];
if (valideChampVillePays(formElementVillePays) == true){
// Champ non valide, affiche erreur
console.log('erreur Pays et ville');
document.getElementById('erreurVille').innerHTML = "Erreur, Les villes préférées sont obligatoires!";
document.getElementById('villes').className='encadrer';
}
else // Si valide
{
document.getElementById('erreurVille').innerHTML = "";
console.log('ok villes');
}
}
function valideChampVillePays(element){
var erreur = false;
texte = element.value;
if (texte == "") // Si champ vide
{
erreur = true;
}
else
{
var texte = texte.split(",")[0]; // retourne la totalité de la chaine
console.log(texte);
}
console.log(erreur);
return erreur;
}
</script>
</head>
<body>
<div id="wrapper">
<div id="p2" class="page">
<h1>Questionnaire (suite)</h1>
<h2>Page 2 : Vos villes préférées dans le monde </h2>
<form id="formulaire2" name="formulaire2" method="post" action="">
Vos villes préférées (Exemple: Montréal (Canada), Vancouver (Canada), Paris (France))<br />
<textarea id="villes" name="villes" rows="5" cols="50"/> </textarea>
<span class="erreur" id="erreurVille"></span>
<input type="button" value="Valider" onclick="valideFormulaire()">
</form>
</div>
</div>
</body>
</html> |
Merci de me donner des idées pour commencer le contrôle de saisie et respecte le format suivant ville (pays) séparer par virgule.