Modifiche "estetiche" ad una funzione

[ivanhalen]

Salve,
Ho questa funzione che mi serve per calcolare automaticamente dei valori numerici una volta fornito l'input:

<script type="text/javascript" language="javascript">
function calcReductions(theForm) {

var adult = theForm.RAT_ADULT.value;
adult = (isNaN(adult))?0:parseFloat(adult);

child = ((100-<%= strChildPerc %>)/100)*adult;
baby = ((100-<%= strBabyPerc %>)/100)*adult;

theForm.RAT_CHILD.value = child.toFixed(2);
theForm.RAT_BABY.value = baby.toFixed(2);
}
</script>

Il campo RAT_ADULT è questo:

<input name="RAT_ADULT" type="text" id="RAT_ADULT" onkeyup="calcReductions(this.form)" />

La funzione... funziona perfettamente, ma mi piacerebbe migliorarne l'impatto grafico...

In particolare, quando cancello il valore di RAT_ADULT dopo averlo scritto, ottengo dei brutti "NaN" nei campi RAT_CHILD e RAT_BABY, mentre mi piacerebbe che i campi diventassero blank...

Inoltre, se nel campo RAT_ADULT metto un valore testuale ("pippo"), nei campi RAT_CHILD e RAT_BABY ottengo "0.00", mentre anche qui vorrei ottenere campi vuoti

Come si può modificare la funzione? Il JavaScript per me è arabo...
Grazie in anticipo!

[willybit]

ciao ivanhalen,

basta aggiungere un controllo che se è vuoto o non numerico svuota i campi

function calcReductions(theForm) {
  var adult = theForm.RAT_ADULT.value;
  if(isNaN(adult)||adult==''){
    theForm.RAT_CHILD.value = '';
    theForm.RAT_BABY.value = '';
  }
  else{
    adult = parseFloat(adult);
    child = ((100-<%= strChildPerc %> )/100)*adult;
    baby = ((100-<%= strBabyPerc %> )/100)*adult;
    theForm.RAT_CHILD.value = child.toFixed(2);
    theForm.RAT_BABY.value = baby.toFixed(2);
  }
}

[ivanhalen]

Grazie Willybit! Funziona perfettamente!