Как в атрибуте pattern правильно прописать условие для формы?

Question

[realt]

Мне необходимо сформировать условие для формы (для ввода Email).
Условие: Чтобы при вводе данных в форму, в нее можно было ввести текст ТОЛЬКО на латинице и там обязательно присутствовала точка и @. Помогите пожалуйста.

Answer 1

[KorsaR-ZN]

^([a-z.]+@[a-z.]+\.[a-z.]+)$
Только латиница, обязательно @, а перед ней еще username, потом домен, обязательно точка, а после нее еще домен.

P.S Вы же знаете, что email бывают не только на латинице? ;)

Comments

[Евгений Петров]

А вы сами знаете, что и цифры, и дефисы, и подчёркивания допустимы?
И что домены бывают не из букв?)
test.123-34_me-45@193.158.134.11

[KorsaR-ZN]

@Petroveg Ну если вы мне, то я знаю.
Я регулярку сделал, согласно условий в вопросе :)

[realt]

Да, спасибо большое :) Только вот если вводить большие буквы, или допустим специальными символами: ("-"), ("_") и (".") , или допустим с цифрами или только цифры, то тоже не пускает, можете помочь еще сделать, допуск ввода больших букв, цифр , символов и дефиса? А то, я чет сразу не сообразил.

[realt]

@Petroveg Да, я в облаках где то завис, сори (

[realt]

@KorsaR-ZN Извиняюсь, я забыл про остальное...(

[KorsaR-ZN]

@realt
^([-\w.]+@[-A-Za-zА-Яа-яёЁ0-9]+\.+[A-Za-zА-Яа-яёЁ0-9.]+)$
Проверяет еще кириллические домены. И да, формат email очень длинный, какие-то специфические адреса может не пропустить, т.к полная регулярка на проверку очень-очень длинная.
эта пропустит все основные email. тестить можно тут - regex101.com/#javascript

[Александр Таратин]

@KorsaR-ZN @realt /.+@.+/ Иначе все равно найдется адрес,я который все сломает.

[realt]

@KorsaR-ZN Спасибо Вам)

[KorsaR-ZN]

@Taraflex перед @ точка есть, смотрите начало в [], а после @ она не нужна, т.к dasdsad@.test.ru это не валидный email. Или я не прав? если да, то почему?

[Евгений Петров]

@KorsaR-ZN вы всё велосипед кривой пишете?))

console.log(/[-\w.]+/.test('1***'));

[KorsaR-ZN]

@Petroveg Что Вы этим хотите сказать?, конечно кусочек этот будет true, так вы полностью регулярку проверьте, а я выше написал, что мое решение не идеальное, но большую часть email проверит, как надо. если уж проверять надо, то нужно весь спектр email рассмотреть, а там регулярка выйдет ой, какая большая...

[Евгений Петров]

@KorsaR-ZN на точку проскочит любой символ. Символ «.» ловится с помощью «\.». И я не хочу, а уже сказал, что велосипед кривой.

[KorsaR-ZN]

@Petroveg Я вас огорчу, точка в [], и есть точка, ее маскировать не нужно...

[Евгений Петров]

@KorsaR-ZN да-да. Приношу извинения по точке.

console.log(/^([-\w.]+@[-A-Za-zА-Яа-яёЁ0-9]+\.+[A-Za-zА-Яа-яёЁ0-9.]+)$/.test('test@test.123'));

[KorsaR-ZN]

@Petroveg ну вы уже тут придирайтесь.
Я человеку выше написал, что мое решение не окончательное и будет пропускать специфические email, если на то пошло, то дефолтная регуляка в input[type=email], самая правильная, т.к в теории test@test являться валидным email, так что тут точка совсем не обязательна, кто мне мешает купить домен первого уровня))) Так, что я не понимаю, почему топик стартера она не устроила...

Если на то пошло, то есть гугл, там можно найти финальную регуляку со всеми возможными вариантами, но она тоже не идеальна, т.к email это очень специфичная штука и ее очень сложно правильно проверить, т.к теперь есть национальные домены, на китайском, на русском и т.д, или с умляутами, грубо говоря во всем спектре юникода.

[Евгений Петров]

@KorsaR-ZN так я и хочу, чтобы на странные желания давались верные ответы. И про разные требования почтовых сервисов, и про IDN, и про разные представления адреса почтового сервиса.

А регулярок может очень много — тот же гугл не допускает дефисов, а яндекс допускает. И таких нюансов куча.

[KorsaR-ZN]

@Petroveg Ну у человека же тоже могут быть требования, ни кто ему не мешает задать свои условия для email, по этому я не рассказывал, про его странность проверки, и мой самый первый результат был согласно его запроса. Это уже дальше человек вспомнил, про "букв, цифр , символов и дефиса", поправили задачу под второй набор требований.
И вообще email правильно регуляркой не проверить, очень уж он разнообразный бывает.

[KorsaR-ZN]

@Petroveg Ну я вашу мысль вообщем понял, мой косяк в ответе тоже есть, не спорю.

Answer 2

[Alexander Tartmin]

Я в регулярных выражениях не силён, но есть множество отличных плагнов для того же jQuery.
Если Вам нужно просто проверить содержимое перед отправкой, сделайте функцию которая просто проверит содержимое формы и если все правильно то отправит на сервер данные. Если нужно динамически проверять, по мере того как пользователь вводит данные, то тут задача чуть сложнее. Можно еще воспользоваться html5 и input-у задать атрибут type=email и атрибут required. Такое действие сделает примитивную проверку на то, что введен именно эмейл. Правда этот способ не проверит наличие точки.

Comments

[Евгений Петров]

А какая разница — самописная функция с регуляркой или pattern с той же регуляркой?))