bloquer une patie du clavier

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : bloquer une patie du clavier

kazerson

Bsoir à tous! Je voudrais savoir comment je peux bloquer le clavier alphabétique en javascript pour des champs de type numérique seulement.
Merci d'avance.

Message édité par kazerson le 06-06-2009 à 00:32:56

Publicité

SICKofitALL

misanthrope

Tu peux utiliser l'evenenement onChange, ou onKeyDown qui est ptetre plus utile dasn ce cas. Attention par contre au compatibilité entre browsers.
Ya un semblant de tuto ici : http://www.w3schools.com/jsref/jsref_onkeydown.asp

---------------
We deserve everything that's coming...

kazerson

je regarde tout de suite merci

phosphoreloaded

Bonjour,

tu vas bloquer certains utilisateurs de ton site en faisant ça (lecteurs d'écran, portables sans souris manipulés au clavier, extensions genre Nukemall pour ce qui me vient à l'esprit mais doit y en avoir d'autres)
Tu ferais mieux d'accepter que le caractère soit frappé mais tu l'effaces aussi sec de ton champ (avec petite explication à côté de ton champ sur le pourquoi du refus)

kazerson

Je voulais en fait même jute la fonction JS qui me permet de savoir qu'un caractère est soit Numérique, alphabétique ou alphanum

SICKofitALL

misanthrope

Pour ca tu peux utiliser la fonction parseInt :

Code :

parseInt ("Chaine" );  // renvoit NaN, soit "Not A Number" (voir alors la fonction isNaN () ), plus d'infos sur google ;)
 
parseInt (10); // renvoit 10
 
parseInt ("10chaine" );  // piège car ca renvoit 10 !!! 
 
parseInt ("chaine10" );  // renvoit NaN

Sinon tu peux utiliser des expressions régulières comme ca :

Code :

var isNumeric = function (value)
{
    return (/(^\d+$)|(^\d+\.\d+$)/.test (value));
}
 
isNumeric ("10abc" ); // false
isNumeric ("abc10" ); // false
isNumeric (10); // true
isNumeric ("10" ); // true

---------------
We deserve everything that's coming...

kazerson

Voila c'est ça même! Mais expressions reg
return (/(^\d+$)|(^\d+\.\d+$)/.test (value));
je vais revoir. Merci bouceaup

Message édité par kazerson le 06-06-2009 à 03:06:49

kazerson

On dirais qu'il y a pb o niveau de .test (value). "test" est-elle une fonction prédéfinie?

Message édité par kazerson le 06-06-2009 à 03:27:41

SICKofitALL

misanthrope

Oui, ca fait partie de l'attirail JS concernant les expressions régulières : http://www.cybwarrior.com/FR/JavaS [...] ieres.html

La fonction isNumeric que je t'ai filé est sensé fonctionner comme il faut, car je l'utilise depuis qq temps déjà

---------------
We deserve everything that's coming...

kazerson

Peut être je n'arrive pas à bien utiliser cette fonction

Message édité par kazerson le 06-06-2009 à 21:11:12

Publicité

SICKofitALL

misanthrope

Balances le code que tu as pour l'instant si tu veux.

---------------
We deserve everything that's coming...

kazerson

JS: j'ai modifier ainsi:

Code :

function isNumeric (value)
{
return (/(^\d+$)|(^\d+\.\d+$)/.test (value));
}
function test(valeur)
{
if(isNumeric(valeur))
alert("oui" ) ;
else
alert("Non" ) ;
}

et html:

Code :

Num tel: <input type="text" size="10" name="num" onkeypress="test(document.maforme.num.value)"/>

La ça marche! Je voulais maintenant aller un peu loin en faisant ceci:
Lorsque tu appuis sur une touche alpha, rien ne s'affiche dans le input sauf quand c'est une touche num

Message édité par kazerson le 06-06-2009 à 22:26:54

SICKofitALL

misanthrope

Prends ce bout de code (testé sous Firefox et IE), tu as ce qu'il te faut je pense.
Il fait en sorte que aucun chiffres ne soient saisies :

Code :

<html>
<head>
    <script type="text/javascript">
        function isNumeric (value)
            {
                return (/(^\d+$)|(^\d+\.\d+$)/).test (value);
            }
 
        /*    Gestion du onKeyPress.
            "event" est passé automatiquent par le browser à la fonction (sauf dasn le cas de IE, voir plus bas).
            Dans le cas d'un evenement JavaScript, le fait de retourner false (FAUX) stop le processus lié à celui-ci, ce qui dans notre cas empeche le caractere d'être saisie !
        */
        function keyPressHandler (event)
            {
                event = event || window.event;    // si event n'existe pas, on est sous IE, et pour IE un evenement est global...
                var car = String.fromCharCode (event.charCode || event.keyCode); // charCode pour le standards ou keyCode pour IE
                return !isNumeric (car);  // isNumeric renvoit vrai s'il s'agit d'un chiffre, or nous ne voulons pas de chiffres, donc nous inversons le résultat avec un "!".
            }
    </script>
 
</head>
<body>
    <form>
        saisir texte : <input type="text" onkeypress="return keyPressHandler (event);" />
    </form>
</body>
</html>

Si tu veux le contraire (QUE des chifrres), remplace la ligne 17 par "return isNumeric (car);" (càd sans le "!" )

---------------
We deserve everything that's coming...

FORUM HardWare.fr

Programmation

HTML/CSS

bloquer une patie du clavier

Sujets relatifs
[JAVA] SunSPOT - Gestion clavier	Clavier matriciel [urgent :s]
[Batch] appuyer sur une touche du clavier virtuelement	code pour bloquer le lancement d'une application windev
Espionner le clavier ? (intercepter le clavier)	Recuperer un nombre avec clavier matriciel 12 Touches
Bloquer la suppression d'un fichier sous WinXP	Gestion du clavier...Problème :(
Plus de sujets relatifs à : bloquer une patie du clavier

Page générée en 0.050 secondes