Sumar cantidades de un formulario usando javascript js

[tuuutooo]

Hola amigos, espero que me puedan ayudar con mi problema, tengo un formulario hecho en php, y tengo una función donde voy sumando las cantidades, pero al realizar una pequeña validación para que se muestre el total con punto (ej: 10.000) no me realiza la suma. Muestro el código

Código: [Seleccionar]

<form id="form1" name="form1" method="post" action="test.php">
<table width="200" border="0">
  <tr>
    <td>Fono</td>
    <td><input number  name="fono" type="text" id="fono" value="<? if($pdata['fono']!=""){ echo $pdata['fono'];}else{ echo "0";}?>" /></td>
   
  </tr>
  <tr>
    <td>Cable</td>
    <td><input  name="cable" type="text" id="cable"  value="<? if($pdata['cable']!=""){ echo $pdata['cable'];}else{ echo "0";}?>" /></td>
   
  </tr>
  <tr>
    <td>Comida</td>
    <td><input  number name="food" type="text" id="food"  value="<? if($pdata['food']!=""){ echo $pdata['food'];}else{ echo "0";}?>" /></td>
   
  </tr>
<tr>
    <td>Total</td>
    <td><input number  name="tot" type="text" id="tot"  value="<? if($pdata['tot']!=""){ echo $pdata['tot'];}else{ echo "0";}?>" /></td>
   
  </tr>
</table>
</form>

<script language="javascript" src="/function.js"></script>
<script src="jquery-1.8.3.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript" src="jquery.number.js"></script>
<script language="javascript1.2">
function validar(nombre){
    param=document.getElementById(nombre);
    if(param.value.indexOf(".")==-1){
        totalMensual();
    }else{
        alert("Ingrese el monto sin puntos ni comas, solo numeros.");
        param.value=0;
        totalMensual();
        param.focus();
    }
}
 
function totalMensual(){
    param=document.getElementById('fono').value;
    param1=document.getElementById('cable').value;
    param2=document.getElementById('food').value;
    document.getElementById(tot).value=eval(param)+eval(param1)+eval(param2);
   
}
 
$(document).ready(function (){
    $('input[number]').number( true, 0, ",", "." );
});
</script>

[Ogramar]

Hola, como siempre recomendamos a quienes escriben por primera vez en los foros, indicarte que para pegar código debes hacerlo según se explica en https://www.aprenderaprogramar.com/foros/index.php?topic=1460.0 para que el código quede bien formateado.

¿Qué parte del código es la que no te funciona? Veo que aparece la función validar pero no se ve desde dónde se invoca esa función.

Tampoco se entiende muy bien por qué usas eval en esta expresión: document.getElementById(tot).value=eval(param)+eval(param1)+eval(param2);

¿Para qué necesitas usar eval?

Salu2