郵便番号
\d{3}-?\d{4}
メールアドレス
[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$
URL
https?://.+
全角カタカナ
^[ァ-ンヴー]+$ , [\u30A1-\u30FF]*
![](https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9SFRNTDUlRTMlODElQUIlRTMlODElOEElRTMlODElOTElRTMlODIlOEJpbnB1dCVFOCVBNiU4MSVFNyVCNCVBMCVFMyU4MSVBRXBhdHRlcm4lRTMlODAlODF0eXBlJUU1JUIxJTlFJUU2JTgwJUE3JUUzJTgxJUFFJUUzJTgxJThBJUUzJTgxJTk1JUUzJTgyJTg5JUUzJTgxJTg0JnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz05OTBiYzJmZGNkMjRkNTQ3OWQ4YzMxMTA2MzFjYjEyZQ&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwa2EyMTUmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPThkOWQ3NTA2ZjJmYzkwZTViMjE2NTRkMjg5M2IxNTEz&blend-x=142&blend-y=491&blend-mode=normal&s=3644cb70e3f3949ea6106ebc92c19e41)
HTML5におけるinput要素のpattern、type属性のおさらい - Qiita
おさらいシリーズ第4弾w HTML5ではinput要素が拡張されて正規表現による入力値バリデーションができるようになっている。利用するには、 <input pattern=""> のように pattern 属性値にバリデ...
コメント