Discussion :

[Vinc06]

Bonjour à tous,
Je suis en train de me casser la tête sur une fonction Javascript.
J’essaye de créer un champ de saisie n’acceptant que des caractères alphabétiques, dans le cas ou un petit malin s’amuserait à ne pas respecter la consigne.
J’aimerais afficher une alert lui indiquant les caractères rentrés et non autorisés.
Et je dois avouer que j’ai beaucoup de mal.

Je pense avoir trouvé la méthode : String.charAt(), j’en déduis donc qu’une boucle « for » est nécessaire afin de valider chaque élément et de stocker les erreurs dans une nouvelle variable.
Je pense avoir saisi le principe mais je n’arrive pas à implémenter le code.
J’ai cherché un peu dans tous les sens sans vraiment trouver de solutions satisfaisantes.

Si vous aviez la gentillesse de me mettre sur une piste ou même un début de bout de code, je vous en serai très reconnaissant.

[SPACHFR]

Salut,
tu as un exemple dans la FAQ juste là -> FAQ JavaScript mais.... pour des chiffres.
Essais de l'adapter à tes besoins, tu as une base.

[lulz17]

Voici une façon de faire la fonction en JS:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function allLetter(inputtxt){
    var letters = /^[A-Za-z]+$/;  
    if(inputtxt.value.match(letters)){
      alert('OK');  
      return true;  
    }  
    else{
      alert('PAS OK');  
      return false;  
    }  
}

Le paramètre inputtxt va être comparé à variable letters (qui contient en majuscule et minuscule les lettres de A à Z). Et la condition fait le reste

Et coté HTML:

Code html :

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

1
2
3
4
<form name="form1" action="#">
<input type='text' name='text1'/>
<input type="submit" name="submit" value="Submit" onclick="allLetter(document.form1.text1)" /> 
</form>

[Spartacusply]

A noter que c'est devenu teeeeeeelllllement plus facile en HTML 5 :

Code :

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

<input type="text" pattern="[a-zA-Z]+" />

A noter également que cela ne dispense pas d'une vérification côté serveur

[Vinc06]

Merci énormément pour vos réponses
lulz17, c'est effectivement la fonction que je cherchais mais il me manquait un petit élément, le retours des caractères interdits.
Spartacusply, je suis ennnnnntirement d'accord avec toi, mais c'est beaucoup trop simple et bien moins marrant

Après une journée de réflexion voici le code qui fonctionne pour moi

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
 
<script>
function alphainterdit(interdit)
{
	var element ='';
	var erreur = false;
	for (i=0; i<interdit.length; i=i+1)
		{
			if (!((interdit.charAt(i) >= 'a') && (interdit.charAt(i) <= 'z')))
				{
				erreur = true;
				element = element+interdit.charAt(i);
				}
		}
	if (erreur == true)
	{
	alert("Erreur, les caractères \n" + element + "ne sont pas alphabètiques");
	document.getElementById('interdit').focus();
	document.getElementById('interdit').select();
	}
}
</script>

Que la force soit avec vous !!!!!!!!!!!!!!!!!!!!