TAG
CSS
JavaScript
Result
Run
License
<form> <input type="text" id="anytext" placeholder="3~5 digit number" /> </form>
#anytext:invalid { background-color: mistyrose; } #anytext:valid { background-color: lightblue; }
document.addEventListener("DOMContentLoaded", () => { const $elText = document.getElementById("anytext"); $elText.pattern = "[0-9]{3,5}"; $elText.oninput = e => { console.log($elText.checkValidity()); }; });
Console
expand_less
License
License
by DevDic
Close