Validar campos al hacer una suma

Toninito · #1 (**permalink**) 24/06/2010, 20:35

Buenas noches

Quiero validar los campos de un form por ej: si no llenan un campo que mande una alerta que diga "Faltan Datos" les anexo mi codigo

saludos.

<html>
<head>
<title></title>
<script>
function sumar() {
var n1 = parseFloat(document.MyForm.numero1.value);
var n2 = parseFloat(document.MyForm.numero2.value);
var n3 = parseFloat(document.MyForm.numero3.value);
var n4 = parseFloat(document.MyForm.numero4.value);
document.MyForm.resultado.value=n1+n2+n3+n4;

}
</script>
</head>

<body>

<form name="MyForm">
<table width="200" border="0">
<tr>
<td width="70">Valor1</td>
<td width="120"><input type="text" name="numero1" size="20"></td>
</tr>
<tr>
<td>Valor2</td>
<td><input type="text" name="numero2" size="20"></td>
</tr>
<tr>
<td>Valor3</td>
<td><input type="text" name="numero3" size="20"></td>
</tr>
<tr>
<td>Valor4</td>
<td><input type="text" name="numero4" size="20"></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td>Resultado</td>
<td><input type="text" name="resultado" onfocus="sumar()"></td>
</tr>
</table>
</form>

</body>

</html>

_cronos2 · #2 (**permalink**) 25/06/2010, 07:47

Código Javascript:

Ver original<script type='text/javascript'>
function sumar(){
 var n1 = parseFloat(document.MyForm.numero1.value);
 var n2 = parseFloat(document.MyForm.numero2.value);
 var n3 = parseFloat(document.MyForm.numero3.value);
 var n4 = parseFloat(document.MyForm.numero4.value);
 if(isNaN(n1) || isNaN(n2) || isNaN(n3) || isNaN(n4)){
  alert('Rellene todos los campos e introduzca números válidos');
 }else{
  document.MyForm.resultado.value=n1+n2+n3+n4;
 } 
}
</script>

Esto valida que se rellenen los campos y que sean sólo números. También se podría hacer con expresiones regulares.

Saludos (:

Adler · #3 (**permalink**) 25/06/2010, 07:57

Hola

El problema lo tienes en el HTML, los campos no tienen value

Suerte

_cronos2 · #4 (**permalink**) 25/06/2010, 08:10

No entiendo... ¿por qué no tienen value?

Adler · #5 (**permalink**) 25/06/2010, 08:13

Cita:

Iniciado por _cronos2

No entiendo... ¿por qué no tienen value?

por que no pulsado las teclas V-A-L-U-E??

Cita:

_cronos2 · #6 (**permalink**) 25/06/2010, 17:14

¿Pero para qué le tiene que dar un value

? El código valida que los campos estén llenos y que sean números.

Adler · #7 (**permalink**) 26/06/2010, 03:54

Hola

Lo haces todo demasiado complicado. Prueba el código de @toninito tal y como está y después pruebalo con el atributo. Ese responderá a tu pregunta. Verás que al no tener valor el campo no se puede validar

_cronos2 · #8 (**permalink**) 26/06/2010, 06:11

Pero la validación la necesita igual, porque si le pone de value 0 a cada text y alguien le borra ese 0, le devuelve NaN.

Adler · #9 (**permalink**) 26/06/2010, 13:22

Hola

Al parecer si que se puede validar, en navegadores mas antiguos no funcionaría.
Solo hay dos tipos de campos que no pueden tener el atributo value (file y textarea).
Si al resto de tipos no tienen value, no da error, pero no es correcto

_cronos2 · #10 (**permalink**) 26/06/2010, 13:31

Ah, pues eso no lo sabía.