[JavaScript] Funzione formattazione numeri con . separatore migliaia

[Abdujaparov]

Ciao a tutti,
qualcuno sa dove posso trovare una funzione javascript da associare ad all'evento pressione di un tasto che consenta di scrivere i numeri in modo da avere le migliaia separate con un . (punto) ed i decimali separati con la , (virgola) senza che l'utente digiti il .? (ovviamente l'utente la virgola la deve mettere lui per i decimali).

Ho provato a cercare qualcosa su google ma ho trovato delle funzioni che non funzionano (viva i giochi di parole) granchè.

Grazie a tutti, ciao ciao.

[kk3z]

Hai cercato questo: number_format javascript?

 function number_format(a, b, c, d) {
a = Math.round(a * Math.pow(10, b)) / Math.pow(10, b);
e = a + ”;
f = e.split(’.');
if(!f[0]) f[0] = ‘0′;
if(!f[1]) f[1] = ”;
if(f[1].length < b){
g = f[1];
for(i = f[1].length + 1; i <= b; i++) {
g += ‘0′;
}
f[1] = g;
}
if(d != ” && f[0].length > 3) {
h = f[0];
f[0] = ”;
for(j = 3; j < h.length; j += 3) {
i = h.slice(h.length - j, h.length - j + 3);
f[0] = d + i + f[0] + ”;
}
j = h.substr(0, (h.length % 3 == 0) ? 3 : (h.length % 3));
f[0] = j + f[0];
}
c = (b <= 0) ? ”: c;
return f[0] + c + f[1];
}

function number_format( number, decimals, dec_point, thousands_sep ) {
    // http://kevin.vanzonneveld.net
    // +   original by: Jonas Raoni Soares Silva (http://www.jsfromhell.com)
    // +   improved by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
    // +     bugfix by: Michael White (http://getsprink.com)
    // +     bugfix by: Benjamin Lupton
    // +     bugfix by: Allan Jensen (http://www.winternet.no)
    // +    revised by: Jonas Raoni Soares Silva (http://www.jsfromhell.com)
    // +     bugfix by: Howard Yeend
    // *     example 1: number_format(1234.5678, 2, '.', '');
    // *     returns 1: 1234.57     
 
    var n = number, c = isNaN(decimals = Math.abs(decimals)) ? 2 : decimals;
    var d = dec_point == undefined ? "." : dec_point;
    var t = thousands_sep == undefined ? "," : thousands_sep, s = n < 0 ? "-" : "";
    var i = parseInt(n = Math.abs(+n || 0).toFixed(c)) + "", j = (j = i.length) > 3 ? j % 3 : 0;
    
    return s + (j ? i.substr(0, j) + t : "") + i.substr(j).replace(/(\d{3})(?=\d)/g, "$1" + t) + (c ? d + Math.abs(n - i).toFixed(c).slice(2) : "");
}

Nessuno dei due funziona?

[Abdujaparov]

Ciao, scusa ma non capisco come si comportino le funzioni. Io in pratica dovrei richiamarle ogni volta che presso un tasto e pressando il tasto vado a passare tutto quello che c'è nella text box esempio:


digito 1 -> nella textbox vedo 1
digito 2 -> vedo 12
digito 3 -> vedo 3
digito 4 -> vedo 1.234
digito , -> vedo 1.234,
digito 6 -> vedo 1.234,6

con quelle funzioni non mi è ben chiaro il funzionamento, in pratica lì devo passare 4 parametri, cosa rappresentano i 4 parametri?

Grazie, ciao ciao.

[Abdujaparov]

Ciao,
ho provato la seconda funzione, in pratica la richiamo in questo modo:

<input type="text" id="val_capitale_sociale" name="val_capitale_sociale" class="value2" value="<? echo $res['VALORE_CAPITALE_SOCIALE'] ?>" maxlength="11" onKeyPress="javascript:number_format('val_capitale_sociale',0,',','.');">

in questo caso non c'è parte decimale, il separatore della parte decimale in ogni caso è la virgola ed il . quello delle migliaia.

Ho provato la seguente sequenza:

4 -> 4
0 -> 40
0 -> 400
0 -> 4000
0 -> 4.0000

Se provo a digitare un'altra cifra riparte dal cancella tutto e riparte dal 4, come se le altre cifre non fossero mai state digitate, come mai questo comportamento? Ovviamente c'è il problema dei quattro 0 dopo il . quando dovrebbe visualizzare 40.000.


Cosa che non mi quadra, la funzione probabilmente fa il suo dovere se passo in blocco il numero, ma a me serve che il separatore venga messo man mano che l'utente digita le cifre.
Come posso modificarla?

Grazie, ciao ciao.

[kk3z]

Quelle funzioni rispecchiano il funzionamento della funzione number_format di php: number_format.

In pratica:
1 parametro) il numero da formattare
2 parametro) quanti decimali scrivere
3 parametro) separatore dei decimali (nel tuo caso ,)
4 parametro) separatore delle migliaia (nel tuo caso .)

Chiaramente come primo parametro gli devi passare un numero, non la stringa già formattata (nè il nome del campo). Quindi, se vuoi usarlo onkeypress, devi:
1) prendere il contenuto dell'input
2) rimuovere i punti e sostituire le virgole con i punti (i computer usano il punto per separare i decimali)
3) trasformarlo in un numero con parseFloat()
4) passarlo a number_format:

<script type="text/javascript">
function formatta_input(campo)
{
    var contenuto = campo.value;
    contenuto.replace(/\./g, ""); //espressione regolare
    contenuto.replace(/,/g, "."); //espressione regolare
    contenuto = parseFloat(contenuto);
    campo.value = number_format(contenuto, 2, ",", ".");
}
</script>
<input type="text" id="val_capitale_sociale" name="val_capitale_sociale" class="value2" value="<? echo $res['VALORE_CAPITALE_SOCIALE'] ?>" maxlength="11" onKeyPress="formatta_input(this);">

[Abdujaparov]

Ciao,
ho provato ad inserire quello che mi hai detto solo che la replace non mi toglie i punti e non riesco a capire il perchè, come posso fare?
Grazie, ciao ciao.

[kk3z]

Mi ero scordato che replace ritorna la stringa modificata, prova con questo:

<script type="text/javascript">
function formatta_input(campo)
{
    var contenuto = campo.value;
    contenuto = contenuto.replace(/\./g, ""); //espressione regolare
    contenuto = contenuto.replace(/,/g, "."); //espressione regolare
    contenuto = parseFloat(contenuto);
    campo.value = number_format(contenuto, 2, ",", ".");
}
</script>
<input type="text" id="val_capitale_sociale" name="val_capitale_sociale" class="value2" value="<? echo $res['VALORE_CAPITALE_SOCIALE'] ?>" maxlength="11" onKeyPress="formatta_input(this);">