Verification saisie - charAt()

Version imprimable

28/08/2014, 10h07
Vinc06

Verification saisie - charAt()

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.
28/08/2014, 12h44
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.

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

Code:

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:

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>

28/08/2014, 15h55
Spartacusply

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

Code:

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

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

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 :aie:

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

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 !!!!!!!!!!!!!!!!!!!!