JavaScript 與 PHP 雙端郵箱驗證最佳實踐

郵箱驗證需前後端同步：前端即時提升體驗，後端確保資料安全。本文提供符合 RFC 5322 的嚴格正則與 PHP 內建過濾器兩種方案，並說明適用場景。

前端 JavaScript 實現

嚴格 RFC 5322 正則（推薦生產環境）

function isEmail(email) {
    return /^((([a-z]|\d|[!#$%&'*+\-/=?^_`{|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#$%&'*+\-/=?^_`{|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))$/i.test(email);
}

簡易版正則（適合快速原型）

function validateEmail(val) {
    return /^[a-zA-Z0-9._]+[a-zA-Z0-9]+@[a-zA-Z0-9]+\.[a-zA-Z]{2,4}$/.test(val);
}

後端 PHP 實現

推薦：內建過濾器（PHP 5.2+）

function isEmail($mail_address) {
    return filter_var($mail_address, FILTER_VALIDATE_EMAIL);
}

自定義正則（特殊業務需求）

$pattern = '/^([\w._]{2,10})@(\w{1,})\.([a-z]{2,4})$/';
if (preg_match($pattern, $email)) { /* 合法 */ }

選型建議

最佳實踐原則

1. 前後端必須一致：前端攔截無效輸入，後端作為最後防線。
2. 不要過度驗證：過嚴格會阻擋合法用戶（如 user+tag@example.com、user@sub.domain.tld）。
3. 結合發信驗證：格式通過後，發送驗證碼郵件確認真實性，才是唯一可靠手段。