Formatage de nombres dans une page JSP

**Addouna** · 07/03/2006, 11h16

Au cours de la saisie dans une page JSP, je veux formater un champ dès que je le quitte, exemple :
quand je tape 1500 et que je passe à un autre champ, je veux que le montant devienne : 1 500 (avec un séparateur de milliers)
Y a-t-il un code Javascript pour le faire ?
le maximum de détails serait for apprécié, je suis pas un expert dans le domaine !

**SpaceFrog** · 07/03/2006, 11h24

premier point l'evenement à utiliser serait onblur dasn lequel tu devras lancer ta focntion de formattage ...
je ne connais pas d'instruction javascript pour le faire directement, je pense qu'il te faudra passer par un petit script
la saisie sera uniquement des entiers ? des décimaux ...

**Addouna** · 07/03/2006, 11h36

Merci pour ta réponse, mais cette première phase je la connais déjà

ce qui me reste c'est le script qui me permetera le formatage du montant

**denisC** · 07/03/2006, 11h40

Envoyé par SpaceFrog

premier point l'evenement à utiliser serait onblur dasn lequel tu devras lancer ta focntion de formattage ...

+ onfocus pour enlever le formattage si l'utilisateur revient changer le montant qu'il avait déjà enlevé.

+ onsubmit du formulaire pour virer tout le formattage au moment de soummettre le formulaire (sinon, bonjour le parsing coté serveur).

Enfin, juste mes deux centimes

**SpaceFrog** · 07/03/2006, 11h46

voici un premier jet sans décimlaes et sans test numérique ...

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
24
<script type='text/javascript'>
 
function formatte(valeur){
var valeurformate =new Array()
valeur=valeur.split('').reverse()
var i=0
while(i<valeur.length){
 
 valeurformate.push( (valeur[i+2]?valeur[i+2]:'') + (valeur[i+1]?valeur[i+1]:'') + valeur[i] );
 i=i+3;
 
}
valeurformate=valeurformate.reverse().join(' ')
 
alert(valeurformate)
}
</script>
 
</head>
 
<body>
<input type='text' onblur='formatte(this.value)' />
 
</body>

**Addouna** · 09/03/2006, 12h35

Merci SpaceFrog pour le code

Je l'ai essayé et ça marche, sauf que j'ai besoin de qq améliorations si possible :

1) Quand je fais un premier passage sur mon champ, le résultat est bien formaté, mais qud je fais un deuxième passage sur le même champ, il le reformate et donc les espaces sont considérés comme des chiffres ! donc 125000 devient 125 000 (après une 1ère tabulation) puis 1 25 000 (après une deuxième tabulation !)
donc je demande comment éliminer les espaces dans l'étap du split ?

2) Comment prendre en charge le formatage des nombres à décimal.
Merci d'avance

Remarque : je n'oublierai pas ton conseil "Tag Résolu" dès que c'est le cas

**SpaceFrog** · 09/03/2006, 13h30

en bidouillant un peu ...

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
24
25
26
27
28
29
 
<script type='text/javascript'>
 
function formatte(valeur){
if (isNaN(valeur.split(' ').join(''))){alert('numérique svp');
                   return false;}
 
var valeurformate =new Array()
var tempval=valeur.split('.')
valeur=tempval[0].split(' ').join('')
 
 
valeur=valeur.split('').reverse() 
 
var i=0
while(i<valeur.length){
 
 valeurformate.push( (valeur[i+2]?valeur[i+2]:'') + (valeur[i+1]?valeur[i+1]:'') + valeur[i] );
 i=i+3;
}
 
 
valeurformate=valeurformate.reverse().join(' ') +'.'+( tempval[1]?tempval[1]:'');
 
document.getElementById('moninput').value=valeurformate
}
 
 
</script>

**SpaceFrog** · 09/03/2006, 13h45

voire même:

Code :

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

valeurformate=valeurformate.reverse().join(' ') +( tempval[1]?tempval[1].length>0?'.'+tempval[1]:'':'');

**denisC** · 09/03/2006, 15h15

Envoyé par Addouna

Merci SpaceFrog pour le code

Je l'ai essayé et ça marche, sauf que j'ai besoin de qq améliorations si possible :

C'était à peu près l'objet de mes remarques

**Addouna** · 10/03/2006, 13h01

Merci denisC et SpaceFrog,

Vos réponses et remarques m'ont servi à résoudre mes problèmes.
A bien tôt.

Formatage de nombres dans une page JSP

JavaScript

Discussions similaires

Partager

Partager