【コピペOK】JavaScriptでメールアドレスをバリデーションする正規表現

やりたいこと

フォームで入力されたメールアドレスが正しい形式かチェックしたい。

コード（そのまま使えます）

const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;

function isValidEmail(email) {
  return emailRegex.test(email);
}

// 動作確認
console.log(isValidEmail("[email protected]"));  // true
console.log(isValidEmail("ダメなメール"));        // false
console.log(isValidEmail("[email protected]")); // true

正規表現の中身

フォームで使う場合

document.getElementById('email-form').addEventListener('submit', (e) => {
  const email = document.getElementById('email').value;
  
  if (!isValidEmail(email)) {
    e.preventDefault();
    alert('メールアドレスの形式が正しくありません');
    return;
  }
  
  // OK なら送信
});

コード書くの面倒なら

**正規表現テスター**でサクッと試せます。無料です。