Tengo una entrada de tipo "texto" donde quiero que el usuario pueda escribir solo números enteros de -99 a 99.
El código hasta ahora es el siguiente:
<input type="text" pattern="-?[0-9]{,2}" oninput="this.value=this.value.replace(/[^0-9\-]/g,'');"> El patrón devuelve valid=true incluso si el usuario solo escribe el signo menos (-) y esto no es correcto.
Acerca de la entrada, cuando el usuario escribe un número de 3 dígitos, el número permanece en el campo. El comportamiento deseado es eliminar el tercer dígito del número.
¿Alguna idea de qué agregar al patrón y la entrada para obtener resultados correctos?
He logrado hacer lo que realmente quería con un poco de JQuery.
Ahora el usuario puede escribir SOLO números y la validez funciona como se esperaba.
Aquí está el enlace: https://jsfiddle.net/panos78/2ctaonwL/
por si alguien quiere ver como funciona.