Hola a todos.
Hace dias que estoy dandole vueltas a la validacion de inputs de numeros en
formularios html5 y no he encontrado la forma de controlar la longitud maxima.
Si escribo:
<input type="number" min="0" max="999" id="x" name="x" maxlength="3" value="0"
title="algo" class="numero"/>
Funciona pero no valida el estandar puesto que "maxlength" no es soportado para
"number".
Si escribo:
<input type="number" min="0" max="999" id="x" name="x" pattern="[0-9]{3}"
value="0" title="algo" class="numero"/>
Ni funciona (supongo que no está soportado por el navegador) ni valida el
estandar puesto que "pattern" tampoco es soportado para "number".
Evidentemente no se puede solucionar con CSS puesto que no es su funcion.
(Si solucioné con CSS el size).
Si se convierte el campo a text y filtrando con pattern sigue sin funcionar.
Si se le añade maxlength funcionaría.
Para validar en este caso hay que eliminar los atributos min y max.
En este caso se pierden también las flechas de incremento/decremento y las
adaptaciones de teclado en móviles.
Alguien sabe como controlar con number (sin convertir a text ni javascript) la
longitud al mismo tiempo que valida html5.
Gracias por anticipado.
Saludos,
Jose
_______________________________________________
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
