bloggers bloggers

Jader Jed Francia
Messaggi: 63
Stelle: 0
Data: 18/02/21
Marco Napolitano
Messaggi: 78
Stelle: 0
Data: 12/06/20
Paolo Gambetti
Messaggi: 2
Stelle: 0
Data: 11/11/19
Katia Pazzi
Messaggi: 1
Stelle: 0
Data: 27/06/19
Ezio Lombardi
Messaggi: 11
Stelle: 0
Data: 10/04/18
Chiara Mambretti
Messaggi: 25
Stelle: 0
Data: 27/02/17
Serena Traversi
Messaggi: 3
Stelle: 0
Data: 21/07/16
Francesco Falanga
Messaggi: 8
Stelle: 0
Data: 14/06/16
Antonio Musarra
Messaggi: 2
Stelle: 0
Data: 18/11/13
Simone Celli Marchi
Messaggi: 6
Stelle: 0
Data: 09/07/13
Indietro

Formattare i numeri in JQuery

Ho scoperto questo interessante plugin attraverso il quale è possibile formattare i numeri, tenendo conto del fatto che è possibile specificare una localizzazione geografica (la formattazione numerica varia da paese a paese, ad esempio in Italia si usa la vigola per separare i decimali....ma non è così dappertutto :-P )

Dopo aver scaricato jquery e i sorgenti del plugin basta includere il tutto nella nostra pagina html...o jsp, o php,...:

<script src="/script/jquery-1.2.2.js" type="text/javascript"></script>
<script src="/script/jquery.numberformatter-1.1.2.js" type="text/javascript"></script>


Quindi dato un semplice form html :

<form action="someAction.do" method="POST">
<input type="text" name="myDoubleValue" id="myDoubleValue" />
</form>



il codice che esegue la formattazione è il seguente :

$(document).ready(function () {
$("#myDoubleValue").blur(function(){
$(this).format({format:"#,###.00", locale:"de"});
});

});

Ora, se nel nostro controllo inseriamo 123456789, alla perdita del focus il campo verrà formattato così :

123.456.789,00


La parte più interessate del codice è senz'altro questa :

format({format:"#,###.00", locale:"de"});

...vediamo in dettaglio le proprietà dell'oggetto literal che la funzione format() accetta come parametro:

  • format : indica il pattern da seguire per la formattazione, la sintassi è la seguente (cito dalla documentazione):


0 = Digit
# = Digit, zero shows as absent
. = Decimal separator
- = Negative sign
, = Grouping Separator
% = Percent (multiplies number by 100)

  • locale : indica la localizzazione geografica per la quale applicare il pattern di formattazione. Quella italiana è identica quella tedesca.


Ulteriore documentazione può essere trovata qui.

:-)

Precedente
Commenti
Nessun commento. Vuoi essere il primo.