saisie numérique côté client

**cyrano_de_bergerac** · 03/12/2007, 10h38

Bonjour,

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

Code :

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

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

**jln13** · 03/12/2007, 11h13

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 :

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

**cyrano_de_bergerac** · 03/12/2007, 11h58

c'est génial, merci beaucoup!

seul hic, ma page est en asp.net:

Code :

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

<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!

**jln13** · 03/12/2007, 12h16

Oula !
perso j'y connais rien en asp, google est ton ami pour ca..

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

Code :

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

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

**cyrano_de_bergerac** · 05/12/2007, 17h32

finalement j'ai utilisé:

Code :

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

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

et

Code :

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

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!

saisie numérique côté client

JavaScript

Discussions similaires

Partager

Partager