saisie numérique côté client

Version imprimable

03/12/2007, 10h38
cyrano_de_bergerac

saisie numérique côté client
Bonjour, :D

j'ai vu dans la faq qu'on peut savoir si la saisie dans un champ est un entier >0 :
Code:

1 2 3 4 function IsPosInteger(nbr){ return (/^\d+$/.test(nbr)&&(parseInt(nbr,10)<=0)); }
par contre j'imagine que cette fonction ne peut être appelée que après avoir finie la saisie, c'est à dire quitter le champ de saisie?

de plus, puis-je filtrer touche par touche, avec javascript si ma saisie est bien un numérique, et ne pas afficher ce qui n'est pas numérique?
j'ai vu sur google qu'il y avait des choses proposées, mais après retour serveur, je crois. Or moi je veux que ça se fasse côté client...

merci :D

Salut,

tu peux verifier au fur et a mesure que l'utilisateur tape si c'est un nombre ou non. Je t'ai fait un script qui verifie le dernier caractere tapé et l'enleve s'il n'est pas un digit. Dis si ca t'aide ..

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<html>
	<head>
		<title></title>
		<script type="text/javascript">
			<!--
			function IsPosInteger(nbr) {
				var dernier_caractere = nbr.charAt(nbr.length-1);
				if ((dernier_caractere < "0") || (dernier_caractere > "9")) {
					document.getElementById("inputText").value = nbr.substring(0, nbr.length-1);
				}
			}
			-->
		</script>
	</head>
<body>
 
	<form id="monform">
		<input type="text" onkeyup="IsPosInteger(this.value)" id="inputText" />
	</form>
 
</body>
</html>

03/12/2007, 11h58
cyrano_de_bergerac

c'est génial, merci beaucoup! :D

seul hic, ma page est en asp.net:

Code:

<asp:textbox id="NbField" runat="server" BackColor="#FFFFC0" Width="30px" MaxLength="3" cssclass="label" ></asp:textbox>

comme onkeyup n'est pas dispo, j'ai essayé avec :
OnTextChanged="IsPosInteger(this.value)"
mais j'ai 2 messages:
"no definition for IsposInteger"
"no definition for value"

bien sur, j'ai adapté ta fontion (en remplaçant "inputText" par "NbField")!

merci de m'aider! :D
03/12/2007, 12h16
jln13
Oula !
perso j'y connais rien en asp, google est ton ami pour ca..

Essaye toujours de mettre plutot ca, on sait jamais.. :
Code:

1 2 OnTextChanged="javascript:IsPosInteger(this.value)"

finalement j'ai utilisé:
Code:

1 2 3 4 5 6 7 <script> function IsPosInteger(field) { if (event.keyCode < 48 || event.keyCode > 57) event.returnValue = false; } </script>
et
Code:

1 2 <asp:textbox id="NbField" runat="server" BackColor="#FFFFC0" Width="30px" MaxLength="3" cssclass="label" onKeyPress="IsPosInteger(this);"></asp:textbox>
voilà, merci de m'avoir aidé, la piste m'a permis d'arriver là, sinon j'aurai mis plus de temps, voir je n'aurai pas réussi et aurai été obligé de demander ailleurs! :D