<input> onValide ?

Version imprimable

11/05/2006, 13h27
bibile

<input> onValide ?

Bonjour,

Pour une balise <input>, je peux detecter que le usr clic ailleurs grace a l'event onBlur.

Par contre, comment est-ce qu'on peut detecter que le usr a validé le champs (appuie sur [Entrée]) ?
Y a-t-il un evenement pour ca ? ou alors, est-ce qu'il faut tester les touches du clavier ?

merci !
11/05/2006, 13h37
frog43

Salut, pour detecter la validation pas la souris utilise onClick, par contre pour tester la touche entrer je c'est pas ... C'est quel type le input?
11/05/2006, 13h51
Sheriff

Salut
tu as essayé onsubmit ?
(Je sais pas si ça fonctionne, mais...)
@+
11/05/2006, 13h54
if_zen

Tu peux soit utiliser le tag onKeyDown, onKeyup, ou encore onKeyPress(event e).
Dans ton code tu récuperes le code de la touche (e.keyCode==10 ou 13 je sais plus).

Par contre, en général, si tu appuies sur entrée à partir d'un champ texte, ça valide le formulaire, donc tu dois avoir un truc comme : <form ... onsubmit="">

Ou sinon tu peux utiliser <input type="submit" onclick=""> pour passer par un code javascript avant d'envoyer le formulaire.

Je te donne quelques pistes, mais elles sont à travailler, parce que j'ai pas en tête la procédure exacte à suivre...

Bon courage
11/05/2006, 13h55
smarties

il doit y avoir onKeyPress et onKeyDown
pour eviter la validation
onKeyPress="return fct_retournant_false()"
11/05/2006, 14h01
guy777

Citation:

Envoyé par bibile

Bonjour,

Par contre, comment est-ce qu'on peut detecter que le usr a validé le champs (appuie sur [Entrée]) ?

Je pense à plusieurs solution, mais il faudrait que tu me dises en détail ce que tu veux faire... Sur un formulaire on ne peut pas valider un champs parmi plusieurs, par contre tu peux vérifier en cours de frappe ou même après la validité des infos...
11/05/2006, 14h06
bibile

merci pour vos reponses !
apparement, il faudra que je lise les entrees claviers.

pour Guy777 :
je veux faire un "faux" formulaire. il n'y aura pas de bouton SUBMIT.
je veux juste utiliser une balise <input> pour que le usr du site puisse rentrer une valeur. une fois la valeur entrée. le usr peut cliquer ailleurs (onBlur) ou valider par [Entrée]. a ce moment, je veut modifier l'affichage de mon <input> et stocker la valeur dans un objet js, coté browser.

voila !

D'ac,

Essaye ce bout de code (qui marche) :

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 init() {
    document.getElementById('test').onblur = valide;
    document.onkeypress = valide;
}
 
function valide(e) {
    var maValeur;
    monDiv = document.getElementById('retour');
    if(e.keyCode == 13 || e.type == "blur") {
        monDiv.innerHTML = "validé par "+e.type;
        maValeur = document.getElementById('test').value;
        monDiv.innerHTML += "<br/>valeur :"+maValeur;
    }
}
</script>
 
<body onLoad="init()">
<input id="test">
<div id="retour"></div>
</body>

Dans la fonction valide tu peux mettre ce que tu veux...

11/05/2006, 15h15
bibile

merci guy777 !