Il plugin jQuery Format Currency è uno di quei pochi plugin che merita di essere inserito tra gli indispensabili. Questo plugin infatti formatta delle stringhe contenenti valori numerici secondo il formato della moneta corrente (Euro, dollaro, sterlina eccetera) scelto nelle opzioni. Il plugin supporta anche l'internazionalizzazione tramite l'inserimento di appositi file JavaScript contenenti i parametri di formattazione per la nazione scelta. Vediamone il funzionamento.
Questo plugin per impostazione predefinita carica il formato monetario statunitense:
$.formatCurrency.regions[''] = {
symbol: '$',
positiveFormat: '%s%n',
negativeFormat: '(%s%n)',
decimalSymbol: '.',
digitGroupSymbol: ',',
groupDigits: true
};
Se vogliamo localizzare il plugin in italiano, dobbiamo inserire il file della lingua prima del plugin stesso:
<head>
<script src="jquery.js"></script>
<script src="jquery.formatCurrency.it-IT.js"></script>
<script src="jquery.formatCurrency.js"></script>
</head>
Quindi dobbiamo specificare la lingua nelle opzioni:
$(element).formatCurrency({
region: 'it-IT'
});
Il plugin automaticamente inserirà il simbolo della valuta vicino alla stringa formattata. Possiamo rimuoverlo in questo modo:
$(element).formatCurrency({
symbol: ''
});
Le opzioni digitGroupSymbol e groupDigits servono a dividere una cifra in gruppi, per esempio come in 1,000,000. Se si imposta la seconda opzione su false, la cifra non verrà divisa in gruppi.
Questo plugin da il meglio di sè sui campi dei form. Per esempio, si può formattare il valore numerico di un input di testo in questo modo:
$('input.price').blur(function() {
$(this).formatCurrency({
symbol: ''
});
});