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);