Discussion :

[Nicomart]

Bonjour à tous,

je voudrais forcer le type d'un champ texte input dans un formulaire : Par exemple, pour une année, faire en sorte que la saisie de caractères autres que des entiers soit inactive.

Y a-t-il un attribut de la balise input qui permette de réaliser ce contrôle rapidement (cad sans passer par des expressions régulières javascript ou php) ?

Merci d'avance

Nico

[Oli78]

Pour la vérif de champs je ne voit que le javascript et le php.

Tu peux sinon prédéfinir une liste avec des dates, comme ca tu es sur que en sortie tu n'auras que des dates (vu que l'utilisateur ne rentre rien ).

Mais bon pour le coup je te conseille quand même de faire des vérif, c'est je pense ce qu'il y a de mieux.

[Nicomart]

Je fais des vérifs de toute façon (js avec onSubmit, puis php) mais j'espérais pouvoir faire celle-ci plus simplement. J'ai une tendance naturelle à en faire le moins possible, bizarre

Merci de ta réponse, même si elle confirme (malheureusement) ce que je craignais...

[jmulans]

j'ai deja cherché a la faire, et le mieux que j'ai trouvé c'est en javascript
on interdit la frappe des lettre dans un input

Code :

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

<input type="texte" onkeypress="chiffres(event)"/>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function chiffres(event) {
    // Compatibilité IE / Firefox
    if(!event&&window.event) {
        event=window.event;
    }
    // IE
    if(event.keyCode < 48 || event.keyCode > 57) {
        event.returnValue = false;
        event.cancelBubble = true;
    }
}

[Nicomart]

-> C'est rapide
-> C'est compatible
-> Ca fonctionne
=> Adopté

Merci

[jmulans]

-> C'est rapide
-> C'est compatible
-> Ca fonctionne
=> Adopté

Merci

mince par contre je suis pas sur pour firefox, essaye

edit -> la vraie focntion est comme ça

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
function chiffres(event) {
    // Compatibilité IE / Firefox
    if(!event&&window.event) {
        event=window.event;
    }
    // IE
    if(event.keyCode < 48 || event.keyCode > 57) {
        event.returnValue = false;
        event.cancelBubble = true;
    }
    // DOM
    if(event.which < 48 || event.which > 57) {
        event.preventDefault();
        event.stopPropagation();
    }
}

j'avais enlevé la partie DOM parce ce con là il bloquais TOUT sauf les chiffres, donc il bloquais les touches delete par exemple (seulement sous firefox)

[Nicomart]

Effectivement, ça a l'air de ne pas faire bon ménage avec le renard. J'essaie la nouvelle version.

Je me suis premier une "amélioration" : ajouter la touche de tabulation, bien pratique pour passer au champ suivant. La condition devient alors :

Code :

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

((event.keyCode < 48 || event.keyCode > 57) && event.keyCode != 9)

[jmulans]

oui apres il faut juste trouver les codes des touches a accepter

[Nicomart]

Fonction définitive, testée et validée sous IE 7, FF 2.0.0.5, Opera 9.21 et Safari 3.0.2 :

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
function chiffres(event) {
    // Compatibilité IE / Firefox
    if (!event&&window.event) {
        event = window.event;
    }
    // IE
    if ((event.keyCode < 48 || event.keyCode > 57) && event.keyCode != 9) {
        event.returnValue = false;
        event.cancelBubble = true;
	}
	 // DOM
    if ((event.which < 48 || event.which > 57) && event.which != 9) {
        event.preventDefault();
        event.stopPropagation();
    }
}

Il reste juste un problème avec la touche tab sous ff, mais il semble que ça provient plutôt d'une configuration du navigateur.

encore merci

<edit> Bon, pour FF j'ai parlé un peu vite, mais dans l'esprit c'est ça </edit>

[Nicomart]

Finalement j'ai un petit souci pour le déplacement dans le champ (touches directionelles) et la suppression (touche suppr). J'utilise les codes 37 38 39 et 40 pour les touches directionelles et 47 pour suppr...

[jmulans]

ouais moi j'avais deja essayé, mais je ne trouvais pas comment faire pour la touche suppr et les touches directionnelles
alors au final j'ai pas pris en compte firefox

tu me dit si tu trouve

[Nicomart]

Pas de souci, je ferai signe. Surtout que le problème concerne égaleemnt Safari, ça commence à faire beaucoup...