valider les villes et pays

**wperle** · 21/09/2013, 14h41

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**wperle** · 21/09/2013, 19h11

J'ai pu trier par ville puis par pays.

Il me reste juste de faire le contrôle de saisie sous format souhaiter.

Merci pour aide.

**wperle** · 23/09/2013, 22h47

Enfin, faut avoir bien manipuler les RegEx

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
 
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.match(/^([a-zéè]+\([a-zéè]+\)){1}(,[a-zéè]+\([a-zéè]+\))*$/) // format de saisie : ville1 (pays1), ville2(pays2)
 
		console.log(texte); 
	}
	console.log(erreur);
	return erreur;
}
 
</script>

valider les villes et pays

JavaScript

Discussions similaires

Partager

Partager