Error NaN en multiplicacion

Kmilolpz · #1 (**permalink**) 07/04/2011, 18:12

Hola amigos, espero me puedan ayudar

tengo un codigo en javascript el cual realiza una simple multimplicacion de un precio por una cantidad para darme un total, el caso es que al realizar la multiplicacion me aparece NaN en lugar de el resultado. Aqui esta el codigo.

Código:

function actualiza_total()
{

	var cant = document.getElementById('cantidad').value;
	var precio = document.getElementById('precio').value;
	var total;
	total = cant * precio;
	document.getElementById('total').value = total;
}

Realmente no se cual sea el error, realmente se ve demaciado sencillo pero no se donde pueda estar el error, ya corrovore los vales de cant y precio, los valores estan bien.

laratik · #2 (**permalink**) 07/04/2011, 18:33

A primera vista el código no deberia darte errores, si el usuario sabe exactamente que se deben ingresar numeros, pero si ingresa un valor NO numerico es normal que el resultado de NaN, por lo cual se debe realizar dicha validación:

Código HTML:

<html>
<head>
<script>
function actualiza_total()
{

	var cant = document.getElementById('cantidad').value;
	var precio = document.getElementById('precio').value;
	if(isNaN(cant) || isNaN(precio)) {
		alert("Solo valores numericos por favor");
		document.getElementById('cantidad').value = "";
		document.getElementById('precio').value = "";
		return;
	}
	document.getElementById('total').value = cant*precio;
}
</script>
</head>

<body>
	<input type="text" id="cantidad">
    <input type="text" id="precio">
    <input type="button" value="multiplicar" onClick="actualiza_total()">
    <input type="text" id="total">
</body>
</html>

zerokilled · #3 (**permalink**) 07/04/2011, 18:34

buenas,

seguramente resulta NaN porque uno de los valores contiene caracteres invalidos. los valores de los campos siempre son de tipo string. al realizar un calculo aritmetico javascript primero intenta convertirlo a tipo number. si el formato no es correcto, es decir tiene un caracter que no corresponde a los numeros, entonces genera NaN.