formattare valuta in campo input text... al volo

Ciao

Ho un campo imput text dove devono essere inserti dei numeri.
Vorrei che automaticamente venissero convertiti in valuta euro.
Mi spiego. L'utente digita ad esempio 1250.25 e tali numeri venissero convertiti in una cosa del genere:

1.250,25 (in euro diciamo).

Non so se è possibile ottenere la cosa al volo cioè mentre si sta digitando, ma almeno è possibile ottenerlo ,premendo ad esempio il tasto TAB per passare al campo imput successivo o qualcosa del genere?
Mi servirebbe anche attribuire un colore.
Grazie

Possibile sarebbe anche possibile, usando opportunamente i gestori onkeyup o onkeydown, ma avresti un altro problema: come fai a distinguere, mentre stai digitando il numero, il punto che separa le migliaia da quello che separa i decimali?

Stammi bene...

Citazione:

---

Originalmente inviato da dementialsite

Possibile sarebbe anche possibile, usando opportunamente i gestori onkeyup o onkeydown, ma avresti un altro problema: come fai a distinguere, mentre stai digitando il numero, il punto che separa le migliaia da quello che separa i decimali?

Stammi bene...

---

L'ho scritto sopra!

L'utente digita 1250.25

e il codice lo trasforma in 1.250,25 (milleduecentocinquanta euro e 25 cent).
Mi spieghi come usare questi i gestori onkeyup o onkeydown, per piacere?

Grazie

Allora non dovresti usare onkeyup/onkeydown (che reagiscono quando viene premuto o rilasciato un tasto), ma ti servirebbe onchange, che interviene solo quando l'utente ha finito di scrivere il suo valore.

Codice HTML:

---

<script type="text/javascript">
function reformat (element)
{
  var number = element.value;
  number = number.replace ('.', ',');
  intpart = number.substring (0, number.indexOf (','));
  res = number.substring (number.indexOf (','));
  while (int.length () > 3)
  {
      res = '.' + intpart.substring (intpart.length () - 3) + res;
      intpart = intpart.substring (intpart.length () - 3);
  }
  res = intpart + res;
  element.value = res;
}
</script>
[...]
<input type="text" name="..." value="..." onchange="reformat(this)" />

---

Dovrebbe funzionare... almeno fino a che il tuo utente deciderà di inserire i dati sempre con lo stesso formato.

Stammi bene...

Citazione:

---

Originalmente inviato da dementialsite

Allora non dovresti usare onkeyup/onkeydown (che reagiscono quando viene premuto o rilasciato un tasto), ma ti servirebbe onchange, che interviene solo quando l'utente ha finito di scrivere il suo valore.

Codice HTML:

---

<script type="text/javascript">
function reformat (element)
{
  var number = element.value;
  number = number.replace ('.', ',');
  intpart = number.substring (0, number.indexOf (','));
  res = number.substring (number.indexOf (','));
  while (int.length () > 3)
  {
      res = '.' + intpart.substring (intpart.length () - 3) + res;
      intpart = intpart.substring (intpart.length () - 3);
  }
  res = intpart + res;
  element.value = res;
}
</script>
[...]
<input type="text" name="..." value="..." onchange="reformat(this)" />

---

Dovrebbe funzionare... almeno fino a che il tuo utente deciderà di inserire i dati sempre con lo stesso formato.

Stammi bene...

---

Allora dementialsite.

Ho fatto una fusione tra la tua funzione e una che ho trovato in giro ed è venuta fuori una cosa del genere:

Codice:

---

function numberFormat(nStr){
        nStr = nStr.replace(".",",");
  nStr += '';
  x = nStr.split('.');
  x1 = x[0];
  x2 = x.length > 1 ? '.' + x[1] : '';
  var rgx = /(\d+)(\d{3})/;
  while (rgx.test(x1))
    x1 = x1.replace(rgx, '$1' + '.' + '$2');
  return x1 + x2;
}

---

in questo modo per un utente che digita ad esempio 1250.25

sarà visualizzato 1.250,25.

Ok. Ci siamo quasi.
L'ultima cosa che mi servirebbe e troncare le cifre che vengono inseriti dopo i 2 decimali.
Adesso se si digita 1250.256
viene fuori: 1.250,256

vorrei far visualizzare (magari arrotondare secondo la regola dell'euro..ma questa è una cosa in più) SOLO 1.250,25.

Cosa dovrei aggiungere alla funzione di cui sopra?

Grazie ancora.