bloggers bloggers

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.

:-)