Лучший шаблон проверки полей формы для электронной почты во всех последних браузерах

Question

Я хочу шаблон проверки электронной почты для всех последних браузеров. Тип поля должен быть в тексте, а не в электронной почте.

Я пробовал разные типы шаблонов, как показано ниже, но не работает во всех браузерах.

\b[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}\b
^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$
/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/

Answer 1

После подачи заявки вы проверяете в браузере "Проверка элемента" его работу на этот тип

data-regex="^[_a-zA-Z0-9-]+(\.[_a-zA-Z0-9-]+)*@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*(\.[a-zA-Z]{2,6})$"

Answer 2

Используйте это в поле ввода pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\\.com$"