フォームのバリデーション(JavaScript不使用)

HTMLのみで実装可能なバリデーションについて

以下のinputタグに対して使用可能です。

 texttelemailurlpasswordsearch 

全ブラウザに対応しています。

https://developer.mozilla.org/ja/docs/Web/HTML/Attributes/pattern

もくじ

サンプル

See the Pen input validation by naruhodo-code (@naruhodo-code) on CodePen.

まとめ

英語のスパム回避や入力情報を統一するには有効な方法です。

セキュリティリスクを回避するにはreCAPTCHAなどを導入する必要がありそうです。

この記事が気に入ったら
フォローしてね!

参考になったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

きいちのアバター きいち Webコーダー/WordPressエンジニア

Webマーケティング企業にて、Webコーダー/WordPressエンジニアとしてサイト制作・カスタマイズを行っています。

サイト運営者向けに、WordPressなどで実践できる簡単かつ安全なサイト改善ノウハウを、コードに特化して発信しています。

お仕事のご相談はお問い合わせフォームよりお願いします。

もくじ