Validar fecha (dd/mm/aaaa) en un input

mexbale · #1 (**permalink**) 27/09/2011, 10:07

Hola a todos que tengan un buen dia. Tengo una pregunta, como puedo validar un campo donde voy a poner una fecha

el problema es que pueden poner fechas que no son reales por ejemplo 50/12/2010 o 02/15/2011

quisiera saber como hacer que valide la feche que se ingresa y al salir del campo que me mande un mensaje si la fecha no es valida

he buscado una solución en el foro pero todas las que he encontrado tienen 3 campos para la fecha y yo lo quiero en uno solo, también he encontrado la solución de poner un calendario y tampoco me sirve necesariamente lo tengo que tener en un solo campo

de antemano les doy las gracias y espero que me puedan ayudar

gracias

ArturoGallegos · #2 (**permalink**) 27/09/2011, 10:38

pasa a revisar este link estoy seguro que te servirá

-> clic aquí

acasaverde · #3 (**permalink**) 27/09/2011, 11:00

Ola que tal disculpa habras validado una caja de texto para que su valor no se repita en otra caja..?

jrevilla · #4 (**permalink**) 28/09/2011, 18:07

aver..... si no me equivoco, tienes un input Text y alli quieres escribir una fecha en formato dd/mm/yyyy , pero que al escribir una fecha con ese formato, sea un dia q exista cierto??.... prueba con este codigo =) ...

Código Javascript:

Ver original<HTML>
<body>
<FORM>
<input name="fecha" type="text" size="10" maxlength="10" onKeyUp = "this.value=formateafecha(this.value);"> 
</FORM>
<SCRIPT>
function IsNumeric(valor) 
{ 
var log=valor.length; var sw="S"; 
for (x=0; x<log; x++) 
{ v1=valor.substr(x,1); 
v2 = parseInt(v1); 
//Compruebo si es un valor numérico 
if (isNaN(v2)) { sw= "N";} 
} 
if (sw=="S") {return true;} else {return false; } 
} 
var primerslap=false; 
var segundoslap=false; 
function formateafecha(fecha) 
{ 
var long = fecha.length; 
var dia; 
var mes; 
var ano; 
if ((long>=2) && (primerslap==false)) { dia=fecha.substr(0,2); 
if ((IsNumeric(dia)==true) && (dia<=31) && (dia!="00")) { fecha=fecha.substr(0,2)+"/"+fecha.substr(3,7); primerslap=true; } 
else { fecha=""; primerslap=false;} 
} 
else 
{ dia=fecha.substr(0,1); 
if (IsNumeric(dia)==false) 
{fecha="";} 
if ((long<=2) && (primerslap=true)) {fecha=fecha.substr(0,1); primerslap=false; } 
} 
if ((long>=5) && (segundoslap==false)) 
{ mes=fecha.substr(3,2); 
if ((IsNumeric(mes)==true) &&(mes<=12) && (mes!="00")) { fecha=fecha.substr(0,5)+"/"+fecha.substr(6,4); segundoslap=true; } 
else { fecha=fecha.substr(0,3);; segundoslap=false;} 
} 
else { if ((long<=5) && (segundoslap=true)) { fecha=fecha.substr(0,4); segundoslap=false; } } 
if (long>=7) 
{ ano=fecha.substr(6,4); 
if (IsNumeric(ano)==false) { fecha=fecha.substr(0,6); } 
else { if (long==10){ if ((ano==0) || (ano<1900) || (ano>2100)) { fecha=fecha.substr(0,6); } } } 
} 
if (long>=10) 
{ 
fecha=fecha.substr(0,10); 
dia=fecha.substr(0,2); 
mes=fecha.substr(3,2); 
ano=fecha.substr(6,4); 
// Año no viciesto y es febrero y el dia es mayor a 28 
if ( (ano%4 != 0) && (mes ==02) && (dia > 28) ) { fecha=fecha.substr(0,2)+"/"; } 
} 
return (fecha); 
}
</SCRIPT>
</body>
</html>

espero haberte ayudado =)

fmorales808 · #5 (**permalink**) 22/05/2015, 07:24

hola soy nuevo en esto y keria preguntar como puedo validar una fecha que sea real y en formato yyyy/MM/dd

ArturoGallegos · #6 (**permalink**) 22/05/2015, 09:29

Hola @fmorales808 bienvenido al foro.

Para empezar te recomendamos que nunca pero nunca bajo ninguna circunstancia publiques tu duda en el tema que inicio otro usuario, es de mal gusto, por mucho que se le paresca a tu duda.

En segunda te sugerimos y hasta cierto punto exigimos que revises la fecha de los temas antes de comentar, incluso en la parte de abajo aparece un cartel rojo cuando el tema es muy viejo.

y tercera.... respondiendo a tu pregunta, eso se hace con expresiones regulares, puedes usar la funcion preg_match de php y una expresión regular para validar esto.

PHPeros · #7 (**permalink**) 22/05/2015, 09:55

Con HTML5 ya no es necesario hacer ese tipo de validaciones.

ArturoGallegos · #8 (**permalink**) 22/05/2015, 14:17

Sin duda el input date de HTML5 sera una gran herramienta en un futuro, pero de momento yo desaconsejo su uso...

De nada me sirve un input para fecha que valida y todo, si no tiene soporte ni siquiera en las ultimas versiones de los navegadores, ni se hable de versiones antiguas.

http://caniuse.com/#search=input-date

y por no dejar acabo de hacer la prueba con mi buen firefox

PHPeros · #9 (**permalink**) 23/05/2015, 07:22

No hay problema en usarlo, con Modrnizr o una librería parecida puedes hacer un fallback que muestre un datepicker en JS en caso de que no lo soporte nativamente.

IsaBelM · #10 (**permalink**) 23/05/2015, 11:57

A día de hoy aún hay que usar máscara. En la web encontraras cientos de ejemplos