バリデーション

JavaScriptでフォームの入力チェックを行う方法を解説します。HTML5のrequired・type="email"と制約検証API（checkValidity）でまず自動検証し、独自チェックはtrim＋errors配列で実装、最初のエラー項目へのフォーカス、リアルタイム検証、aria属性によるアクセシブルなエラー表示まで実例で紹介します。

JavaScriptでメールアドレスをチェックする方法を、HTML標準の input type="email"（制約検証API）から正規表現 /^[^\s@]+@[^\s@]+\.[^\s@]+$/ での判定、trimの必要性、正規表現の限界、そして確実な確認メールによるサーバー側検証まで、実例で解説します。