controllo somma in campo input

[donnie_ogm]

Salve a tutti devo controllare la somma di alcuni dati inseriti in un campo form, per far questo in maniera immediata ho pensato di utilizzare javascript del quale però non sono pratico. Ho pensato ad un codice di questo tipo ma purtroppo non funziona ... la somma viene addirittura considerata NAN.
Dove sbaglio? Aiutatemi per favore ho assolutamente bisogno di questo controllo.

<script language="JavaScript">

function ctrlSomma()
{
var data_1 = document.getElementByid('data_1');
var data_2 = document.getElementByid('data_2');
var data_3 = document.getElementByid('data_3');
var data_4 = document.getElementByid('data_4');
var data_5 = document.getElementByid('data_5');

numero_1 = parseFloat(data_1);
numero_2 = parseFloat(data_2);
numero_3 = parseFloat(data_3);
numero_4 = parseFloat(data_4);
numero_5 = parseFloat(data_5);

somma = (numero_1+numero_2+numero_3+numero_4+numero_5);

if(somma!=100.00)
  {
  alert("La somma dei valori inseriti deve dare 100!!! adesso vale"+somma+"!");
  data_5.value = "";
  data_5.focus();
  }
}

</script>

<?PHP

echo "<form name=\"input\" action=\"input2.php\" method=\"post\">";

echo "<table width=\"200\">";
echo "<tr>";
echo "<th width=\"100\" bgcolor=\"#ffff99\"><span class=\"style2\"><div align=\"right\">Carbone %:</th>";
echo "<td><span class=\"style2\"><input type=\"text\" id=\"data_1\" name=\"carbone\" cols=\"5\" rows=\"1\" onchange=\"ctrlData(this)\" maxlength=\"5\"></input></td>";
echo "</tr>";
echo "<tr>";
echo "<th width=\"100\" bgcolor=\"#ffff99\"><span class=\"style2\"><div align=\"right\">Idrogeno %:</th>";
echo "<td><span class=\"style2\"><input type=\"text\" id=\"data_2\" name=\"idrogeno\" cols=\"5\" rows=\"1\" onchange=\"ctrlData(this)\" maxlength=\"5\"></input></td>";
echo "</tr>";
echo "<tr>";
echo "<th width=\"100\" bgcolor=\"#ffff99\"><span class=\"style2\"><div align=\"right\">Ossigeno %:</th>";
echo "<td><span class=\"style2\"><input type=\"text\" id=\"data_3\" name=\"ossigeno\" cols=\"5\" rows=\"1\" onchange=\"ctrlData(this)\" maxlength=\"5\"></input></td>";
echo "</tr>";
echo "<tr>";
echo "<th width=\"100\" bgcolor=\"#ffff99\"><span class=\"style2\"><div align=\"right\">Azoto %:</th>";
echo "<td><span class=\"style2\"><input type=\"text\" id=\"data_4\" name=\"azoto\" cols=\"5\" rows=\"1\" onchange=\"ctrlData(this)\" maxlength=\"5\"></input></td>";
echo "</tr>";
echo "<tr>";
echo "<th width=\"100\" bgcolor=\"#ffff99\"><span class=\"style2\"><div align=\"right\">Zolfo %:</th>";
echo "<td><span class=\"style2\"><input type=\"text\" id=\"data_5\" name=\"zolfo\" cols=\"5\" rows=\"1\" onchange=\"ctrlSomma()\" maxlength=\"5\"></input></td>";
echo "</tr>";
echo "</table>
";

echo "<input type=\"submit\" value=\"invia\">";


echo "</form>";

?>

Inoltre ad un onchange posso assegnare più function? Spero di essermi spiegato bene, ciao ciao attendo le vostre risposte!

[GudFella]

var data_1 = document.getElementByid('data_1').value;

numero_1 = parseFloat(data_1);

...

[donnie_ogm]

wow risposta veloce ed efficace grazie mille. Mi ero dimenticato quel value.

Senti ma è possibile associare ad un onchange la partenza di più function?

[GudFella]

Originariamente inviato da donnie_ogm
wow risposta veloce ed efficace grazie mille. Mi ero dimenticato quel value.

Senti ma è possibile associare ad un onchange la partenza di più function?

certo

[donnie_ogm]

scusa te lo chiedo perchè proprio non ho idea della sintassi da usare con onchange se devo far partire più funzioni?

Puoi farmi un esempio?

Grazie ancora

[GudFella]

Originariamente inviato da donnie_ogm
scusa te lo chiedo perchè proprio non ho idea della sintassi da usare con onchange se devo far partire più funzioni?

Puoi farmi un esempio?

hai due soluzioni:

... onchange:"funzione1();funzione2();"

oppure

... onchange:"funzione();"

<script>
function funzione()
{
       funzione1();
       funzione2();
}
</script>

[donnie_ogm]

ancora grazie