como validar los campos numericos

roboty · #1 (**permalink**) 02/10/2012, 17:24

Hola, bueno tengo una duda y no se como seria la manera de hacerlo, os comento por si me quereis ayudar, se trata de varios campos donde se insertan datos numericos en este caso referencias, el poblema lo tengo que no se como validarlo ya que se trata de bastantes campos y no todos tienen que tener un valor, pongo un ejemplo del html por si alguien me quiere dar una solucion, saludos.

Código HTML:

Ver original<form name='form'>
<input type='text' name='referencia[]'/>
<input type='text' name='referencia[]'/>
<input type='text' name='referencia[]'/>
<input type='text' name='referencia[]'/>
<input type='text' name='referencia[]'/>
<input type='submit'/>
</form>

lo que pretendo es validar estos para que solo acepten datos numericos y que la referencia empieze por 0, realmente no se como lo puedo hacer si fuera solo un campo seria mas facil, alguna idea de como hacerlo, saludos.

emprear · #2 (**permalink**) 02/10/2012, 18:15

Código Javascript:

Ver originalvar campos = document.getElementsByName("'referencia[]");

Luego recorrés el array y verificás que
valor.charAt(0);
siendo valor el value de cada campo.
Por lo de si son sólo numeros, simplemente le hacés un onkeypress a esta función

Código Javascript:

Ver originalfunction validar(e){
var expresion=/[\d\b]/;
return expresion.test(String.fromCharCode(e.which));
}

ej:

Código HTML:

Ver original<input type="text" name="referencia[]" onkeypress="return validar(event)" /><br />

Saludos

roboty · #3 (**permalink**) 03/10/2012, 04:48

Hola emprear, gracias por tu colaboracion me fue de gran ayuda para poder entenderlo, saludos.

roboty · #4 (**permalink**) 03/10/2012, 06:28

Bueno intento crear el codigo para validar los campos intentando entender lo que me dijistes pero no me acaba de funcionar como deberia, muestro la parte del codigo de la funcion que debe validar los campos basandome en los campos que postee arriba osea esos 5 campos.codigo:

Código Javascript:

Ver originalvar valor=new Array();
    var input=document.forms[form].elements;
    var i='';
    for(i=0; i<input.length; i++){
        valor[i]=input[i].value;
    }
                for(i=0;i<=5;i++){
                    if(valor[i].length!=6 && valor[i]!='' && valor[i].charAt(0)!=0){
                          alert(' el campo '+(i-2)+' no tiene formato valido');
                    }else{
                         alert('ahora proceso');
                    }
                }

No se si se me entiende la idea, intento validar los campos para que sean de 6 caracteres empiecen por 0 y solo tenga en cuenta los campos que no estan vacios, bien el problema que tengo que no me funciona como quiero ya que quiero que si un campo no se ejecuta me salte el alert y salga de la funcion no que se sigan mostrando los demas errores, alguna ayuda para poder comprender como hacerlo, saludos.

emprear · #5 (**permalink**) 03/10/2012, 07:28

Ese código que ponés se aparta de tu idea original.
La idea era usar getElementsByName y no lo usaste, tampoco la función para validar. Asi que no se entiende que querés hacer.

Cita:

Bueno intento crear el codigo para validar los campos intentando entender lo que me dijistes

Ha quedado solo en eso, una intención

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
var campos = new Array();
function verifica() {
campos = document.getElementsByName("precio[]");
var i;
for (i=0; i<campos.length; i++) {
var valor = campos[i].value
var pc = valor.charAt(0);
if(pc != '0'){
alert('El numero no empieza por 0 - ' + pc);
}
}
 
}
 
function validar(e){
var expresion=/[\d\b]/;
return expresion.test(String.fromCharCode(e.which));
}
//]]>
</script>
</head>
<body>
<form action="#">
<input type="text" name="precio[]" id="precio1" onkeypress="return validar(event)" /><br />
<input type="text" name="precio[]" id="precio2" onkeypress="return validar(event)" /><br />
<input type="text" name="precio[]" id="precio3" onkeypress="return validar(event)" /><br />
<input type="text" name="precio[]" id="precio4" onkeypress="return validar(event)" /><br />
<button onclick="verifica();">validar</button>
</form>
</body>
</html>

roboty · #6 (**permalink**) 03/10/2012, 08:12

Tengo una duda como tendria q hacrr en la funcion verifica q si un valor no se cumple me salga sde la funcion para q no muestre todos los errores

emprear · #7 (**permalink**) 03/10/2012, 08:18

Cita:

Iniciado por roboty

Tengo una duda como tendria q hacrr en la funcion verifica q si un valor no se cumple me salga sde la funcion para q no muestre todos los errores

Redactá mejor tu duda, porque al menos yo, no entiendo nada

roboty · #8 (**permalink**) 04/10/2012, 03:21

Cita:

Iniciado por emprear

Redactá mejor tu duda, porque al menos yo, no entiendo nada

Perdona por mi mala explicacion, bueno estube analizando tu codigo y ahora si que lo entiendo, siento no haberle prestado la atencion necesaria a tus ayuda ya que estaban bien redactadas, ahora la duda que postee arriba que por cierto me explique fatal, es que en tu funcion verifica si un campo no empieza por 0 sale la alerta, pero como tendria que hacer si todos los campos son correctos enviar el formulario, osea hacerle un submit() al formulario, yo la unica forma que se me ocurre es creando otro if seguido del if que comprueba que el primer caracter empieza por 0, pongo un ejemplo;

Código Javascript:

Ver originalif(pc != '0'){
    alert('El numero no empieza por 0 - ' + pc);
    }
    if(pc == '0'){
       document.form.submit();
    }

Pero esta claro que asin no funciona ya que no es aceptado enviar formulario por cada campo, solo se deberia enviar una vez si todos los campos son correctos, alguna ayuda.
Saludos.

emprear · #9 (**permalink**) 04/10/2012, 04:54

La forma natural de hacerlo es con el evento onsubmit en el form

<form action="test.php" onsubmit="return verifica();">
...
<input type="submit"...>
</form>

luego en tu función

Código Javascript:

Ver originalvar campos = new Array();
function verifica() {
campos = document.getElementsByName("precio[]");
var i;
for (i=0; i<campos.length; i++) {
var valor = campos[i].value
var pc = valor.charAt(0);
if(pc != '0'){
alert('El numero no empieza por 0 - ' + pc);
return false; // cancelás el submit
}
}
}

es decir que si la condición no se cumple la acción del botón submit continúa y el form se envía, no es necesario forzar el envío con
document.form.submit();

Saludos

roboty · #10 (**permalink**) 04/10/2012, 05:39

Hola emprear, muchas gracias por tu colaboracion, eso si me daba un pequello error pero el codigo funcionaba bien y estube leyendo y me di cuenta que faltaba ponerle un return true a la funcion, que entiendo que lo dejastes a proposito, gracias.

Saludos.