Media aritmética de un formulario.

JONNY39 · #1 (**permalink**) 20/06/2005, 04:55

Tengo un formulario donde hay campos con texto y números, intento hacer la media aritmética de los campos numéricos de tal forma que si el valor del campos es “0” pase al siguiente y que no tenga en cuenta dicho campo. ¿Podríais ayudarme?. Muchas gracias

KarlanKas · #2 (**permalink**) 20/06/2005, 11:35

<head>
<script>
function suma(esto){
elementos=0;
total=0;
for(a=0;a<esto.elements.length;a++){
numero=parseFloat(esto[a].value);
if(esto[a]>0){
elementos+=1;
total+=numero;
}
}
media=total/elementos;
alert(media);
}
</script></head>
<body>
<form name="pepe" onsubmit="return suma(this)">

... formulario...

</form>
</body>

Dime si te sirve!

JONNY39 · #3 (**permalink**) 21/06/2005, 05:01

Funciona perfectamente pero recorre todos los campos del formulario, mi intención es que sólo recorra ciertos campos que empiecen con el nombre por ejemplo: precio (precio1, precio2 etc…) pero no otros campos como: punit1, punit2 etc…., utilizando la función que me has enviado he añadido “precio'+a+'” intentando que sólo mire en los campos precio pero no me funciona, ¿tienes alguna idea para solucionarlo?. Adjunto te envío lo que estoy intentando hacer:

function suma(esto){
n=5;
elementos=0;
total=0;
for(a=0;a<5;a++){
numero=parseFloat(document.form.precio'+a+'.value) ;
if(document.form.precio'+a+'.value>0){
elementos+=1;
total+=numero;
}
}
media=total/elementos;
document.form.total.value = media;
}
</SCRIPT>
</head>

<body>
<form action="medi2.asp" method="post" name="form" onSubmit="return suma(this)"">
<p>NOMBRE
<input name="nombre" type="text" id="nombre">
</p>
<p>
Precio1
<input name="precio1" type="text" id="precio1" size="4" maxlength="4">
Punit1
<input name="punit1" type="text" id="punit1" size="4" maxlength="4">
</p>
<p>
Precio2
<input name="precio2" type="text" id="precio2" size="4" maxlength="4">
Punit2
<input name="punit2" type="text" id="punit2" size="4" maxlength="4">
</p>
<p>
Precio3
<input name="precio3" type="text" id="precio3" size="4" maxlength="4">
Punit2
<input name="punit3" type="text" id="punit3" size="4" maxlength="4">
</p>
<p>
Precio4
<input name="precio4" type="text" id="precio4" size="4" maxlength="4">
Punit2
<input name="punit4" type="text" id="punit4" size="4" maxlength="4">
</p>
<p>
Precio medio
<input name="total" type="text" id="total" size="6" maxlength="6">
</p>
<p>
<input type="submit" name="Submit" value="total">
</p>
</form>

¡¡ muchísimas gracias ¡!

KarlanKas · #4 (**permalink**) 21/06/2005, 05:56

Prueba con esto:

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
 
<html> 
<head> 
<script> 
function suma(esto){ 
elementos=0; 
total=0; 
for(a=1;esto["precio"+a];a++){ 
numero=parseFloat(esto["precio"+a].value); 
if(numero>0){ 
elementos+=1; 
total+=numero; 
} 
} 
media=total/elementos; 
esto['total'].value=media; 
 
} 
</script></head> 
<body> 
<form action="medi2.asp" method="post" name="form" onSubmit="return suma(this)"> 
<p>NOMBRE 
<input name="nombre" type="text" id="nombre"> 
</p> 
<p> 
Precio1 
<input name="precio1" type="text" id="precio1" size="4" maxlength="4"> 
Punit1 
<input name="punit1" type="text" id="punit1" size="4" maxlength="4"> 
</p> 
<p> 
Precio2 
<input name="precio2" type="text" id="precio2" size="4" maxlength="4"> 
Punit2 
<input name="punit2" type="text" id="punit2" size="4" maxlength="4"> 
</p> 
<p> 
Precio3 
<input name="precio3" type="text" id="precio3" size="4" maxlength="4"> 
Punit2 
<input name="punit3" type="text" id="punit3" size="4" maxlength="4"> 
</p> 
<p> 
Precio4 
<input name="precio4" type="text" id="precio4" size="4" maxlength="4"> 
Punit2 
<input name="punit4" type="text" id="punit4" size="4" maxlength="4"> 
</p> 
<p> 
Precio medio 
<input name="total" type="text" id="total" size="6" maxlength="6"> 
</p> 
<p> 
<input type="submit" name="Submit" value="total"> 
</p> 
</form> 
 
</body> 
</html>

Un saludo!

KarlanKas · #5 (**permalink**) 21/06/2005, 06:39

Por otra parte permiteme comentarte que la forma que tienes de manejar los formularios no es la correcta. En IE funcionará, pero me temo que en Firefox ocasionará alguna advertencia y en Mozilla probablemente no funcione.

La forma correcta de manejar los formularios es la siguiente:

document.forms['name_del_form'].elements['name_del_input']

Lo que tú pones así:

document.form.precio

debería ser:

document.forms['form'].elements['precio'];

Esto se puede comprimir quitando elements e incluso el forms poniendo:

document['form']['precio'];

Esto además te da mucha más libertad a la hora de llamar a los elementos de un formulario. La prueba está en el ejemplo que te he puesto antes.

Por otra parte en la llamada a la funcion ponemos onSubmit="return suma(this)". El this sirve para englobar el elemento que llama a la función, en este caso es el formulario. Por lo que en vez de poner document.forms['form'] podemos poner el nombre que se le ha puesto al declarar la función:

function suma(esto)

en este caso "esto" suplanta al formulario. Por lo que se puede poner:

esto['precio']

en vez de

document.forms['form']['precio']

Espero que te haya ayudado mi explicación. Un saludo!

JONNY39 · #6 (**permalink**) 21/06/2005, 07:30

¡¡ Funciona perfecto !! Muchísimas gracias, tomo buena nota tú explicación sobre el manejo de formularios, me ha sido de gran ayuda.

Saludos

KarlanKas · #7 (**permalink**) 21/06/2005, 09:01

Me alegro de que te sirviera!

Un saludo!