如何使用 JavaScript 驗證電子郵件地址？

在JavaScript 中驗證電子郵件地址

為了確保用戶輸入的是有效的電子郵件地址，JavaScript 提供了多種驗證技術。

正規表示式：

利用正規表示式是一種有效的電子郵件驗證方法。請考慮以下與有效電子郵件格式相符的表達式：

const validateEmail = (email) => {
  return String(email)
    .toLowerCase()
    .match(
      /^(([^<()[\]\.,;:\s@"]+(\.[^<()[\]\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/
    );
};

Unicode 支援：

要在電子郵件地址中容納unicode 字符，請使用以下正規表示式：

const re =
  /^(([^<()[\]\.,;:\s@"]+(\.[^<()[\]\.,;:\s@"]+)*)|(".+"))@(([^<()[\]\.,;:\s@"]+\.)+[^<()[\]\.,;:\s@"]{2,})$/i;

客戶端驗證：

此JavaScript 程式碼示範如何在用戶端驗證電子郵件地址：

$('#email').on('input', validate);

function validate() {
  const email = $('#email').val();
  const $result = $('#result');
  $result.text('');

  if (validateEmail(email)) {
    $result.text(email + ' is valid.');
    $result.css('color', 'green');
  } else {
    $result.text(email + ' is invalid.');
    $result.css('color', 'red');
  }
  return false;
}

注意事項：

請記住僅JavaScript 驗證是不夠的，因為使用者可以停用它。在伺服器端實施驗證以確保資料完整性也至關重要。

以上是如何使用 JavaScript 驗證電子郵件地址？的詳細內容。更多資訊請關注PHP中文網其他相關文章！