Validar formulario y evitar envio

dragonfire256 · #1 (**permalink**) 20/04/2012, 10:10

Hola buenos dias... Estoy realizando una pagina donde debo sumar los valores de varios campos texto... Si la suma se encuentra debajo de un valor minimo, evitar que se envie el formulario, muestre una alerta y se devuelva al formulario propiamente dicho... Si el valor es igual o superior que se envie a un archivo php que se encargara de procesar los datos... Muchas gracias

emprear · #2 (**permalink**) 20/04/2012, 11:38

Y con qué código está trabajando hasta el momento?

dragonfire256 · #3 (**permalink**) 20/04/2012, 12:02

Cita:

Iniciado por emprear

Y con qué código está trabajando hasta el momento?

Estoy trabajando con php, html y css... Pero tengo entendido que para lograr lo que expuse arriba, era necesario usar javascript

Trublux · #4 (**permalink**) 20/04/2012, 12:08

¿Pero has hecho algo o esperas que alguien te lo haga todo?

P.D.: Aunque valides un formulario con JavaScript también debes hacerlo en la parte del servidor porque el usuario podría desactivarlo.

dragonfire256 · #5 (**permalink**) 20/04/2012, 12:14

Cita:

Iniciado por Trublux

¿Pero has hecho algo o esperas que alguien te lo haga todo?

P.D.: Aunque valides un formulario con JavaScript también debes hacerlo en la parte del servidor porque el usuario podría desactivarlo.

Actualmente, tengo el formulario hecho pero mas nada... No conozco nada de javascript

emprear · #6 (**permalink**) 20/04/2012, 12:28

Te dejo una nuestra muy básica (y con muchas deficiencias, ya que deberías analizar si lo que se ingresa es un numero, si el campo no esta vacio, etc) de como es el proceso básico de validació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[
function validar(){
var valor = document.getElementById('numero').value;
valor = parseInt(valor);
if(valor <= 5){
alert('Error, el numero debe ser mayor que 5');
return false;
} 
}
//]]>
</script>
</head>
<body>
<form action="x.php" onsubmit="return validar();">
<input type="text" id="numero" value="" /> 
<input type="submit" value="procesar" />
</form>
</body>
</html>

Si decís que sabés php no te será tan fácil de implementar
Para el resto, un poco de Google y manuales (http://librosweb.es)

Saludos

dragonfire256 · #7 (**permalink**) 20/04/2012, 12:34

Cita:

Iniciado por emprear

Te dejo una nuestra muy básica (y con muchas deficiencias, ya que deberías analizar si lo que se ingresa es un numero, si el campo no esta vacio, etc) de como es el proceso básico de validació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[
function validar(){
var valor = document.getElementById('numero').value;
valor = parseInt(valor);
if(valor <= 5){
alert('Error, el numero debe ser mayor que 5');
return false;
} 
}
//]]>
</script>
</head>
<body>
<form action="x.php" onsubmit="return validar();">
<input type="text" id="numero" value="" /> 
<input type="submit" value="procesar" />
</form>
</body>
</html>

Si decís que sabés php no te será tan fácil de implementar
Para el resto, un poco de Google y manuales (http://librosweb.es)

Saludos

Gracias por tu respuesta... Estuve revisando por aqui mientras tanto y consegui esto http://www.forosdelweb.com/f13/multi...-texto-298951/ Me gustaria aplicar una funcion parecida, pero en mi caso seria solo seria suma... Como haria para aplicar ambas cosas? No se si me explico... Muchas gracias

P.D. Por cierto para que sirve CDATA?

dragonfire256 · #8 (**permalink**) 20/04/2012, 13:19

He estado intentando adaptar tu codigo y lo qie consegui en otro post, pero no me ha servido... Aqui dejo el codigo

Código Javascript:

Ver original<script type="text/javascript">
    function validar()
    {
    var horas_1=document.getElementById('horas').value;
    horas_1=parseInt(horas_1);
    var horas_2= document.getElementById('horas2').value;
    horas_2=parseInt(horas_2);
    var horas_3=document.getElementById('horas3').value;
    horas_3=parseInt(horas_3);
    var horas_4= document.getElementById('horas4').value;
    horas_4=parseInt(horas_4);
    var horas_5=document.getElementById('horas5').value;
    horas_5=parseInt(horas_5);
    var total;
    total=horas_1+horas_2+horas_3+horas_4+horas_5;
    if(total<8)
    {
        alert('La cantidad de horas no cumple con el minimo requerido');
        return false;
    }
    }
</script>

Cuando le doy a enviar, lo envia igual aunque la suma no de un minimo de 8... Muchas gracias

emprear · #9 (**permalink**) 20/04/2012, 13:42

mostra tambien el html del form

dragonfire256 · #10 (**permalink**) 20/04/2012, 13:47

Cita:

Iniciado por emprear

mostra tambien el html del form

Lo que pasa es que es demasiado largo son 5 filas, cada una a su vez con 5 combobox y un textfield... La suma que intento hacer es la de los textfield

emprear · #11 (**permalink**) 20/04/2012, 13:55

al parecer, salvo por las falencias que te indique, la script parece estar bien
lee este post tambien
http://www.forosdelweb.com/f4/limita...9/#post4051836

saludos

dragonfire256 · #12 (**permalink**) 20/04/2012, 13:59

Cita:

Iniciado por emprear

al parecer, salvo por las falencias que te indique, la script parece estar bien
lee este post tambien
http://www.forosdelweb.com/f4/limita...9/#post4051836

saludos

No se si tenga algo que ver que haya incluido validaciones con spry

dragonfire256 · #13 (**permalink**) 20/04/2012, 14:50

Pues si... Al parecer tiene que ver algo con spry... Ahora cuando envio el formulario a pesar de que existen campos obligatorios, se envia de igual manera

dragonfire256 · #14 (**permalink**) 25/04/2012, 07:55

Hola buenos dias... Sigo con el problema mencionado anteriormente... Cuando coloco la funcion javascript, las validaciones hechas con spry framework son anuladas, es decir, que a pesar de que haya puesto campos obligatorios, el formulario se envia vacio... Solo me pasa al agregar la funcion y al colocar en el form el evento onsubmit="return validar();"
Si alguien puede echarme una mano con esto... Muchas gracias

dragonfire256 · #15 (**permalink**) 26/04/2012, 07:41

Nadie sabe que me puede estar pasando?... Sigo sin poder solucionar el problema... Muchas gracias

emprear · #16 (**permalink**) 26/04/2012, 07:56

LAs unicas Spry que usé fueron la que venian en el Dreamweaver, pero eso fue ya hace tiempo, es probable que interfieran con el javascript que te indiqué, o viceversa, pero realmente ni me acuerdo como trabajaba esa librería.
No será posible usarla tambien para validar el numero? y hacer todo con spry?

Saludos

dragonfire256 · #17 (**permalink**) 26/04/2012, 08:13

Cita:

Iniciado por emprear

LAs unicas Spry que usé fueron la que venian en el Dreamweaver, pero eso fue ya hace tiempo, es probable que interfieran con el javascript que te indiqué, o viceversa, pero realmente ni me acuerdo como trabajaba esa librería.
No será posible usarla tambien para validar el numero? y hacer todo con spry?

Saludos

El problema hermano es que no conozco practicamente nada de javascript... Y los archivos que se generan con dreamweaver son bastante largos... Las validaciones que tengo hechas con dreamweaver, son esas, validar tipo de datos, si el campo esta vacio, etc... Lo que necesito es sumar los valores de los campos de texto para evitar que sobrepase un rango predefinido

Para que lo veas mas claro, lo que el usuario va a poner en cada campo de texto son las horas trabajadas... Por lo que suma de todo ellos no debe estar por debajo de 8 (la cantidad de horas minimas al dia) y no puede sobrepasar de 24 porque hasta donde se no hay un dia con mas de 24 horas

Es por eso que esta funcion hace parte importante de la pagina

Muchas gracias por responderme

emprear · #18 (**permalink**) 26/04/2012, 08:38

Cita:

validar tipo de datos, si el campo esta vacio, etc

Creo que si son validaciones sencillas, podrias hacerlas todas sin usar el Spry

Saludos

Trublux · #19 (**permalink**) 26/04/2012, 08:38

8 horas será la cantidad máxima ¿no?.

dragonfire256 · #20 (**permalink**) 26/04/2012, 08:42

Cita:

Iniciado por Trublux

8 horas será la cantidad máxima ¿no?.

No, al contrario... Sera la cantidad minima... Y el maximo, en teoria seria 24 horas (aunque nadie trabaje esa cantidad de horas por dia)...

dragonfire256 · #21 (**permalink**) 26/04/2012, 11:42

Cita:

Iniciado por emprear

Creo que si son validaciones sencillas, podrias hacerlas todas sin usar el Spry

Saludos

Pues si, seria bastante conveniente hacerlo asi, pero el problema es que perderia bastante programando las validaciones una a una... Aunque si conoces otra alternativa, podria escuchar tu idea... Muchas gracias