¿Cómo permitir solo números de 2 dígitos en la entrada de texto html separados por dos puntos?
Salida deseada 33:33
probé esto
<form name="form1"> <input type="text" name="pincode" maxlength="4" id="pin" pattern="\d{4}" required/> <input type="Submit"/> </form>Tu expresión regular es incorrecta. prueba esto:
<form name="form1"> <input type="text" name="pincode" maxlength="5" id="pin" pattern="\d{2}:\d{2}" required/> <input type="Submit"/> </form>Puede usar regexp ^\d{2}:\d{2}$ que coincide solo con cadenas de la forma dd:dd , d que representa un solo dígito.
input[name="pincode"]:invalid { background-color: red; } input[name="pincode"]:valid { background-color: green; } <form name="form1"> <input type="text" name="pincode" minlength="5" maxlength="5" id="pin" pattern="^\d{2}:\d{2}$" required> <input type="Submit"> </form>