Discussion :

[keokaz]

Bonjour,

j'ai un champs email, je vérifie si le nombre de caractère soit suffisant

Code html :

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

<input onBlur="vldEmail(this)" type="texte" name="email" size="10" value="<?php echo $this->email ?>" placeholder="email">

Code :

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

1
2
3
4
5
6
function vldEmail(inpt)
{
    email = inpt.value;//la valeur de l'email saisie
//vérifie le nombre de caractère
alert(email);
}

Mon souci c'est que dès qu'on appuie sur la touche Alt Gr pour générer le @,
la fonction déclenche le onBlur, or il ne faudrait pas.

Comment contourner ce problème ?

merci d'avance de votre réponse

[beegees]

Salut,

Je récupérerais le code ASCII du ALT GR, et si c'est ce code qui est intercepté, j'annulerai en faisant un return false ou quelque chose dans le genre pour annuler le onblur.

C'est une piste.

bee

[keokaz]

Merci beaucoup c'est une bonne piste mais comme je suis un lapin de 1 semaine en
javascript,

Code html :

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

<input id="email_go" onBlur="vldEmail(this)" type="texte" name="email" size="10" value="<?php echo $this->email ?>" placeholder="email">f_saisie_connexion.php">

je doit le mettre ou mon bout de code qui déclenche cette interception ?

Code :

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

onBlur="vldEmail(this)"  onKeyup"appelle fonction"

ou si je pouvais faire un truc ce ce genre

Code :

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

onBlur="if(!quelquechose = "touche ascii"){vldEmail(this))}"

[Bovino]

Je ne constate pas ce comportement...
Il y a fort à parier que le problème vient d'ailleurs car il n'y a aucune raison que ça fasse cela.

[NoSmoking]

Bonjour,
j'ajouterais qu'utiliser comme nom de variable, qui plus est sans le mot clé var, le même qu'un name de champs peut s'avérer périlleux avec certains navigateurs.

Code :

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

1
2
3
4
5
function vldEmail(inpt){
    var sTmp = inpt.value;//la valeur de l'email saisie
   //vérifie le nombre de caractère
   alert( sTmp);
}

[keokaz]

pouvez-vous essayer ce script

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
 
<input id="email_go" type="texte" placeholder="email" value="" size="10" name="email" onblur="vldEmail(this)">
 
<script type="text/javascript">
function vldEmail(inpt) //valider un email
{
    var email = inpt.value;//la valeur de l'email saisie
    if(!/^[a-z0-9._-]+@[a-z09._-]+$/.test(email)){
            setTimeout(function(){
                alert('votre email est invalide');
                document.getElementById('email_go').focus();
            },0);
    }
}
 
</script>

si je cliquer sur le champ et je clique sur AltGr, j'ai tout de suite le message email est invalide

[danielhagnoul]

Ce script fonctionne correctement (aucun problème avec la touche AltGr) sur Chrome, Firefox et IE 10.

Idées : Navigateur ou clavier exotique ? Mauvaise configuration du clavier ?

[NoSmoking]

si je cliquer sur le champ et je clique sur AltGr,

que ce cache t-il derrière cela ?

[keokaz]

Grrrr,

je n'avais pas windows sous la main, ça fonctionne,
je suis sous ubuntu, la touche Alt Gr sort bien du focus,
j'ai même essayer de le faire avec

sous mon portable,

c'est dommage