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 #FF0000; }
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.com>escribió:
> 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
