validar año mes y dia

nexusdata · #1 (**permalink**) 31/01/2013, 13:35

hola de nuevo quiero validar que los datos tomados de el siguiente codigo sean verdaderos antes de almacenarlos usando java script seque con php se puede pero necesito que sea por java , e aqui el codigo:
<html>
<body>
<form action="edad.php" method="post" >
Dia<input type="text" style="justify" id="dia" name="dia" size="5" onkeypress="return validar2(event)" maxlength="2" required>
Mes<input type="text" id="mes" style="justify" name="mes" size="5" maxlength="2" required>
Año<input type="text" style="justify" id="año" name="año" size="5" onkeypress="return validar2(event)" maxlength="4" required>
<input type="submit" value="dale" onclick="checkDate();"> dale
</form>
</body>
</html>

como ven tomo los tres datos dia ,mes, año separado pra mayor comodidad de lo que hago no puedo tomarlos juntos separados por barras porque se em complica mas adelante, de esta forma les pido que porfavor porfavor me asesoren en validar lo que tienen esos tres campos yo lo inetnte con este script pero no em sirve lo ignora el programa aqui se los dejo:

<script>
function checkDate() {

var myDayStr = document.getElementById('dias').value;

var myMonthStr = parseInt(document.getElementById('mes').value)-1;

var myYearStr = document.getElementById('años').value;

var dteDate;

dteDate=new Date(myYearStr,myMonthStr,myDayStr);

var valid= ((myDayStr==dteDate.getDate()) && (myMonthStr==dteDate.getMonth()) && (myYearStr==dteDate.getFullYear()));

var myDateStr = myDayStr + ' ' + myMonthStr + ' ' + myYearStr;

if(valid==false)

{

alert( 'Selected date is not valid.' );

}

return valid;

}
</script>

sebastopols · #2 (**permalink**) 31/01/2013, 13:44

Este foro no es de PHP ni Javascript, solicitá que muevan tu tema al foro adecuado usando el ícono triangular debajo de tu nombre de usuario, además si usas el buscador del foro seguramente encontrarás que este tema ha sido tratado varias veces, saludos

.

marisolphp · #3 (**permalink**) 01/02/2013, 12:45

Yo por lo que veo

Cita:

sebastopols

es tema de javascript, porque la funcon que pone y no jala está en javascript, solo que como es novato le dice java. No olviden que una cosa es javascript y otra java, que por cierto son muy diferentes.

kelpielovego0d · #4 (**permalink**) 01/02/2013, 13:07

Hola mira te dejo aquí modifique tu código no se enviará hasta que la fecha sea correcta...
Ojo con los id deben ser idénticos cuando los utilizas en funciones...
id="años" document.getElementById('años')

Saludos.!

Código PHP:

Ver original<html>
<body>
<form action="edad.php" method="post" id="form1">
Dia<input type="text" style="justify" id="dias" name="dia" size="5" onkeypress="return validar2(event)" maxlength="2" required>
Mes<input type="text" id="mes" style="justify" name="mes" size="5" maxlength="2" required> 
Año<input type="text" style="justify" id="años" name="año" size="5" onkeypress="return validar2(event)" maxlength="4" required>
<input type="submit" value="dale" onclick="valida();"> dale
</form>
</body>
</html>

Código Javascript:

Ver original<script type="text/javascript">
function valida(){
    document.getElementById('form1').onsubmit = checkDate; 
}
function checkDate() {
 
var myDayStr = document.getElementById('dias').value;
 
var myMonthStr = parseInt(document.getElementById('mes').value)-1;
 
var myYearStr = document.getElementById('años').value;
 
var dteDate;
 
 
 
dteDate=new Date(myYearStr,myMonthStr,myDayStr);
 
 
 
var valid= ((myDayStr==dteDate.getDate()) && (myMonthStr==dteDate.getMonth()) && (myYearStr==dteDate.getFullYear()));
 
var myDateStr = myDayStr + ' ' + myMonthStr + ' ' + myYearStr;
 
if(valid==false)
 
{
 
alert( 'Selected date is not valid.' );
return false;
 
}
 
return valid;
return true;
 
}
</script>

sebastopols · #5 (**permalink**) 01/02/2013, 16:14

Cita:

Iniciado por marisolphp

Yo por lo que veo es tema de javascript, porque la funcon que pone y no jala está en javascript, solo que como es novato le dice java. No olviden que una cosa es javascript y otra java, que por cierto son muy diferentes.

El hilo estaba en principio en el foro de Java, por algo realicé la acotación y la recomendación de que el hilo fuera movido al foro correcto, ahora está en Javascript, saludos.

emprear · #6 (**permalink**) 01/02/2013, 16:53

Primero, @nexusdata, esforzate un poco más con los enunciados

Cita:

mes, año separado pra mayor comodidad de lo que hago no puedo tomarlos juntos separados por barras porque se em complica mas adelante

que mucho no se entiende, ahora una validación de fecha (dia, mes, año) dentro de un form, y que prevenga el envío. Y obviamente que no te vayan a poner fechas como 30 de febrero de 1999, 31 de junio de 2000, etc, se consigue de esta manera

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" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Validar Fecha Javascript</title>
 
<script type="text/javascript">
//<![CDATA[
// creamos los campos dinámicamente
var texto_mes=[null,'Ene','Feb','Mar','Abr','May','Jun','Jul','Ago','Sept','Oct','Nov','Dic'];
function crear_fecha(campo_dia, campo_mes,campo_anio){
var hoy=new Date();
var a_actual = hoy.getFullYear();
 
var campo_dia=document.getElementById(campo_dia);
var campo_mes=document.getElementById(campo_mes);
var campo_anio=document.getElementById(campo_anio);
 
campo_dia.options[0]=new Option('Día', '');
for (var d=1; d<=31; d++){
campo_dia.options[d]=new Option(d, d);
}
 
campo_mes.options[0]=new Option('Mes', '');
for (var m=1; m<texto_mes.length; m++){
campo_mes.options[m]=new Option(texto_mes[m], m)
}
 
var e = 0;
// a_actual representa el año actual, si se prefiere se pueden reemplazar los valores porel rango de años que aparecerán en el select
// ejemplo:
 // for (var a=1970; a<=2025; a++){ 
campo_anio.options[0]=new Option('Año', '');
for (var a=1919; a<=a_actual; a++){ 
e++;
campo_anio.options[e]=new Option(a, a);
}
 
}// fin función de creación de selects dinámicos
 
// funciones de validación
function verifica(){
var campo_dia=document.getElementById('dia').value;
var campo_mes=document.getElementById('mes').value;
var campo_anio=document.getElementById('anio').value;
if(fechaValida(campo_anio,campo_mes,campo_dia) == false){
alert('Ingrese una fecha válidad, día, mes y año');
return false;
}else{
alert('Fecha ok, procesando el formulario...');
}
}
 
function fechaValida(y,m,d){
var fecha = new Date(y,m-1,d);
var convertirFecha = ""+fecha.getFullYear() + (fecha.getMonth()+1) + fecha.getDate();
var fechaDada = "" + y + m + d;
return ( fechaDada == convertirFecha);
}
 
// llamamos en la carga de página la función que crea los campos
// se le  pasa como parámetros los id de los selects que contienen dia, mes y año, en ese mismo orden
window.onload=function(){crear_fecha('dia','mes','anio');}
 
//]]>
</script>
</head>
<body>
<form method="post" action="x.php" onsubmit="return verifica();">
<select name="dia" id="dia">
    <option><!-- fix --></option>
</select>
<select name="mes" id="mes">
    <option><!-- fix --></option>
</select>
<select name="anio" id="anio">
    <option><!-- fix --></option>
</select>
<p>
    <input type="submit" value="guardar datos" name="procesando" />
</p>
</form>
</body>
</html>

Poe supuesto, todo esto es a título informativo, ya que una validación en serio, debería llevarase a cabo en el servidor

Demo
http://foros.emprear.com/javascript/...esto_form.html

Saludos

mcjarod · #7 (**permalink**) 28/09/2015, 14:38

más fácil así
//para validar si la fecha es real
var fechaArr = fecha_nacimiento.split('-');
var aho = fechaArr[0];
var mes = fechaArr[1];
var dia = fechaArr[2];

var plantilla = new Date(aho, mes - 1, dia);//mes empieza de cero Enero = 0

if(!plantilla || plantilla.getFullYear() == aho && plantilla.getMonth() == mes -1 && plantilla.getDate() == dia)
{
alert("la fecha es correcta");
}
else
{
alert("la fecha es incorrecta");
}