[Ovillo] Problemas con validacion de INPUT de tipo NUMBER en HTML5

2011-12-01 Por tema reynie...@gmail.com
Buenas tardes listeros:
Estoy atascado tratando de validar un formulario con HTML5 y el tipo de
dato number. Buscando por Internet encontre este hilo[1] el cual pense
retomar pero no lo encuentro en mis archivos de la lista. Los campos mios
estan definidos de la siguiente forma:

input type=number name=dia id=dia placeholder=Día
required=required min=1 max=31 maxlength=2 /
input type=number name=mes id=mes placeholder=Mes
required=required min=1 max=12 maxlength=2 /
input type=number name=ano id=ano placeholder=Año
required=required min=1900 max=2012 maxlength=4 /

Ya lei en el hilo anterior que el maxlength no puede ser usado porque no
esta soportado por el navegador asi que ahi esta de mas. Realize mis
pruebas en
http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_form_email y
poniendo como ejemplo el primer campo el del dia si le pongo 34 que no es
un valor permitido porque segun el max esta limitado hasta el numero 31
igual me lo envia y no se como manejar esto. Alguna ayuda al respecto? Las
pruebas las estoy realizando desde Firefox 8. Igual no se si usando alguna
libreria como Modernizr se resuelva el problema. Que sugerencias me tienen?

Saludos

[1]http://www.mail-archive.com/ovillo@lists.ovillo.org/msg29514.html

Ing. Reynier Pérez Mira
Cel: +58 424.180.5609 / +58 416.921.7406
Correo: reynie...@gmail.com / reynie...@hotmail.com
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Problemas con validacion de INPUT de tipo NUMBER en HTML5

2011-12-01 Por tema Reactivo Química Visual
Buenas,

En HTML5 existe un atributo para los inputs, pattern, que permite
establecer el tipo y formato de los valores válidos para el input mediante
expresiones regulares. Si los datos introducidos no concuerdan, el input
pasará a tener el estado invalid.

Por ejemplo, para resaltar los campos inválidos en CSS podrías referirte a
ellos de esta forma:

input:invalid { border:2px solid #FF; }

Aquí hay una estupenda colección de distintas expresiones para poner en
pattern con los formatos más usados: http://html5pattern.com/.

Ten en cuenta que la compatibilidad con navegadores es reducida.


Un saludo,
Diego.


El 1 de diciembre de 2011 20:06, reynie...@gmail.com
reynie...@gmail.comescribió:

 Buenas tardes listeros:
 Estoy atascado tratando de validar un formulario con HTML5 y el tipo de
 dato number. Buscando por Internet encontre este hilo[1] el cual pense
 retomar pero no lo encuentro en mis archivos de la lista. Los campos mios
 estan definidos de la siguiente forma:

 input type=number name=dia id=dia placeholder=Día
 required=required min=1 max=31 maxlength=2 /
 input type=number name=mes id=mes placeholder=Mes
 required=required min=1 max=12 maxlength=2 /
 input type=number name=ano id=ano placeholder=Año
 required=required min=1900 max=2012 maxlength=4 /

 Ya lei en el hilo anterior que el maxlength no puede ser usado porque no
 esta soportado por el navegador asi que ahi esta de mas. Realize mis
 pruebas en
 http://www.w3schools.com/html5/tryit.asp?filename=tryhtml5_form_email y
 poniendo como ejemplo el primer campo el del dia si le pongo 34 que no es
 un valor permitido porque segun el max esta limitado hasta el numero 31
 igual me lo envia y no se como manejar esto. Alguna ayuda al respecto? Las
 pruebas las estoy realizando desde Firefox 8. Igual no se si usando alguna
 libreria como Modernizr se resuelva el problema. Que sugerencias me tienen?

 Saludos

 [1]http://www.mail-archive.com/ovillo@lists.ovillo.org/msg29514.html

 Ing. Reynier Pérez Mira
 Cel: +58 424.180.5609 / +58 416.921.7406
 Correo: reynie...@gmail.com / reynie...@hotmail.com
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://lists.ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo