Validar fecha de formulario no funciona

NiB · #1 (**permalink**) 21/01/2008, 11:59

Hola de nuevo,

Siguiente atasco en la validación de formulario que estoy intentando conseguir, (el anterior fue solucionado obviamente por vosotros).

Tenia ya todo listo y funcionando pero a la que inserto el código de validación del campo fecha todo se va al garete y pasa directamente al action.
A ver si podéis echarme una mano también en este asunto porque por mas vueltas que le doy no consigo ver el porque.

Código PHP:

  <html>

<head>

<script language="javascript" type="text/javascript">

 
function validacion(formulario) {

 
    var msg='';

          

    //comprueba campo de username

    var er_username = /^([a-z]|[A-Z]|á|é|í|ó|ú|ñ|ü|s|.|-)+$/

    if(!er_username.test(formulario.username.value)) { 

    msg="-Bad username \n";

    }       

    

//comprueba campo de email

    var er_email = /^(.+@.+..+)$/

    if(!er_email.test(formulario.email.value)) { 

    msg = msg+"-Bad email \n";

    }       

    

//------------------------------------------------------------------------------

//comprueba campo de Fecha

        var Fecha= new String(formulario.fecha.value)

        var RealFecha= new Date()

    // Cadena Año

        var Ano= new String(Fecha.substring(Fecha.lastIndexOf("-")+1,Fecha.length))

    // Cadena Mes

        var Mes= new String(Fecha.substring(Fecha.indexOf("-")+1,Fecha.lastIndexOf("-")))

    // Cadena Día

        var Dia= new String(Fecha.substring(0,Fecha.indexOf("-")))

    

    // Valido el año

        if (isNaN(Ano) || Ano.length<4 || parseFloat(Ano)<1900){

        msg = msg+"-Año mal \n";

        }

    // Valido el Mes

        if (isNaN(Mes) || parseFloat(Mes)<1 || parseFloat(Mes)>12){

        msg = msg+"-Mes mal \n";

        }

    // Valido el Dia

        if (isNaN(Dia) || parseInt(Dia, 10)<1 || parseInt(Dia, 10)>31){

        msg = msg+"-Dia mal \n";

        }

        if (Mes==4 || Mes==6 || Mes==9 || Mes==11 || Mes==2) {

            if (Mes==2 && Dia > 28 || Dia>30) {

        msg = msg+"-Dia mal \n";

            }

//------------------------------------------------------------------------------

 
//Muestra errores si los hay

    if (msg!="") { 

    alert ("You have the following errors:\n"+msg)

    return false

    }   

    

//TODO CORRECTO    

    alert('Los campos introducidos son CORRECTOS.')

    return false //cambiar por return true para ejecutar la accion del formulario

}

</script>

</head>

 
<body>

<p><b>VALIDACION DE FORMULARIO</b></p>

<form name="formulario" action="mailto:[email protected]" onsubmit="return validacion(formulario)" >

<small>Nombre:</small><br><input type="text" name="username" size="14"><br><br>

<small>Fecha (dd/mm/aaaa):</small><br><input type="text" name="fecha" size="14"><br><br>

<small>E-mail:</small><br><input type="text" name="email" size="14"><br><br>

<input type="submit" value="Validar" name="boton_envio"> 

<input type="reset" value="Borrar" name="boton_borrar"></form>

</body>

</html>

gracias de antemano

ericaadbr · #2 (**permalink**) 21/01/2008, 13:11

mmmmm.... yo, cada quien lo hace a su modo, tengo un input text tipo readonly y al lado una imagen de calendario en el cual el usuario selecciona la fecha y esta es copiada al input text, asi solamente necesito validar q no esta vacio, no te sirve?

NiB · #3 (**permalink**) 21/01/2008, 13:45

Hola,

Es una opción interesante que he visto en los faqs del foro pero el problema es que donde irá ubicado el formulario no hay mucho espacio, a ver si pudierais darme otra solución.

gracias

ericaadbr · #4 (**permalink**) 21/01/2008, 14:09

pues no ocupa mucho espacio te comento, te voy a explicar tienes el text box, y al lado es una imagen chica, al darle click te despliegue un calendario, pero pequeño, y seleccionas, no es muy complicado, cualquier cosa avisame para mandarte el codigo puesto q son varios archivos adjuntos

NiB · #5 (**permalink**) 22/01/2008, 13:07

Hola,

He encontrado una nueva expresión para usar con la validación de la fecha, incluso valida los años bisiestos y funciona a la perfección.

gracias de todos modos.

un saludo

Código PHP:

  <html>

<head>

<script language="javascript" type="text/javascript">

 
function validacion(formulario) {

 
    var msg='';

          

    //comprueba campo de username

    var er_username = /^([a-z]|[A-Z]|á|é|í|ó|ú|ñ|ü|s|.|-)+$/

    if(!er_username.test(formulario.username.value)) { 

    msg="-Bad username \n";

    }       

    

//comprueba campo de email

    var er_email = /^(.+@.+..+)$/

    if(!er_email.test(formulario.email.value)) { 

    msg = msg+"-Bad email \n";

    }       

    

//------------------------------------------------------------------------------

//comprueba campo de fecha

    var er_fecha = /^(((0[1-9]|[12][0-9]|3[01])([/])(0[13578]|10|12)([/])(d{4}))|(([0][1-9]|[12][0-9]|30)([/])(0[469]|11)([/])(d{4}))|((0[1-9]|1[0-9]|2[0-8])([/])(02)([/])(d{4}))|((29)(.|-|/)(02)([/])([02468][048]00))|((29)([/])(02)([/])([13579][26]00))|((29)([/])(02)([/])([0-9][0-9][0][48]))|((29)([/])(02)([/])([0-9][0-9][2468][048]))|((29)([/])(02)([/])([0-9][0-9][13579][26])))/

    if(!er_irc.test(formulario.fecha.value)) { 

    msg = msg+"-Bad date \n";

    }       

//------------------------------------------------------------------------------

 
//Muestra errores si los hay

    if (msg!="") { 

    alert ("You have the following errors:\n"+msg)

    return false

    }   

    

//TODO CORRECTO    

    alert('Los campos introducidos son CORRECTOS.')

    return false //cambiar por return true para ejecutar la accion del formulario

}

</script>

</head>

 
<body>

<p><b>VALIDACION DE FORMULARIO</b></p>

<form name="formulario" action="mailto:[email protected]" onsubmit="return validacion(formulario)" >

<small>Nombre:</small><br><input type="text" name="username" size="14"><br><br>

<small>Fecha (dd/mm/aaaa):</small><br><input type="text" name="fecha" size="14"><br><br>

<small>E-mail:</small><br><input type="text" name="email" size="14"><br><br>

<input type="submit" value="Validar" name="boton_envio"> 

<input type="reset" value="Borrar" name="boton_borrar"></form>

</body>

</html>