Discussion :

[keokaz]

bonjour, j'ai un champs input, comment faire pour que
tant qu'on a pas remplit correctement le champs, il se remet au focus ?

Code html :

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

<input id="email_go" onBlur ="chkMail()" 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
7
8
9
function chkMail()
{
    var email = document.getElementById('email_go').value;
    if(email.length  < 3)//si on a tapez plus de 3 lettre on vérfie le champs saisie
    {
            alert('Merci de remplir correctement votre champs login');
           forcer à revenir au champs de saisie
    }
}

merci pour la réponse

[Bovino]

Code :

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

document.getElementById('email_go').focus();

Attention, le type texte n'existe pas !

[keokaz]

merci de ta réponse

j'ai donc essayé

Code :

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

1
2
3
4
5
6
7
8
9
function chkMail()
{
    var email = document.getElementById('email_go').value;
    if(email.length  < 3)//si on a tapez plus de 3 lettre on vérfie le champs saisie
    {
            alert('Merci de remplir correctement votre champs login');
            email.focus();
    }    
}

j'ai posé peut être une mauvaise question, lorsque le message d'erreur,
et que je valide, le curseur ne se met met à la suite du mot qu'on a taper ?

[Bovino]

La méthode focus() s'applique à un élément HTML (comme dans mon exemple), pas à son value

[keokaz]

j'avais essayé les 2,
le curseurs ne suit pas

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function chkMail()
{
    var email = document.getElementById('email_go').value;
    if(email.length  < 3)//si on a tapez plus de 3 lettre on vérfie le champs saisie
    {
            alert('Merci de remplir correctement votre champs login');
            document.getElementById('email_go').focus();
    }
 
 
}

le but c'est d'empêcher que le visiteur aille saisir autre chose si l'email n'est pas bonne.

[Bovino]

Arf... effectivement, il y a une astuce liée à l'enchainement des événements lors du blur.

En fait, le code du onblur est exécuté avant la perte effective du focus. Du coup, il faut ajouter la remise du focus à la fin de la pile d'exécution avec un setTimeout() !

Code :

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

setTimeout(function(){document.getElementById('email_go').focus();}, 0);

[keokaz]

Merci beaucoup ça fonctionne

c'est pas facile , on est vite perdu quand on veut faire quelque chose de précis,
on ne sais pas ou aller.

donc

- on utilise un setTimeout à 0 pour que ça prend effet tout de suite,
et un utilise une fonction anonyme pour que le fous soit exécuter de suite.

je n'aurais jamais trouvé tous seul, même avec des recherches sur google,
on s'y perd ...