utgwkk https://blog.hatena.ne.jp/utgwkk/ 私が歌川です https://blog.utgw.net/ 技術 CSSで検証成功したときにinputの背景色を変えるようにしています。 .input-20220720:valid { background-color: green; } <form action="#"> <input type="text" class="input-20220720" pattern="[a-zA-Z0-9]{4}" maxlength="4"> </form> <form action="#"> <input type="text" class="input-20220720" required pattern="[a-zA-Z0-9]{4}" maxlength="… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fblog.utgw.net%2Fentry%2F2022%2F07%2F20%2F130959" title="input type=&quot;text&quot; にpatternを指定してもrequiredでないなら空のとき検証成功する - 私が歌川です" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2022-07-20 13:09:59 rich https://blog.utgw.net/entry/2022/07/20/130959 1.0 100%