Атрибут шаблона ввода электронной почты HTML5

Question

Я пытаюсь создать html5-форму, которая содержит один ввод электронной почты, один флажок ввода и один ввод ввода.Я пытаюсь использовать атрибут pattern для ввода электронной почты, но я не знаю, что поместить в этот атрибут.Я знаю, что должен использовать регулярное выражение, которое должно соответствовать производному шаблону JavaScript, но я не знаю, как это сделать.

Я пытаюсь получить этот атрибут, чтобыубедитесь, что письмо содержит одну @ и хотя бы одну или несколько точек, и, если возможно, проверьте, является ли адрес после @ реальным.Если я не могу сделать это с помощью этого атрибута, тогда я рассмотрю возможность использования JavaScript, но для проверки на одну @ и одну или несколько точек я действительно хочу использовать атрибут pattern.

атрибут pattern долженпроверьте:

1. только одну @
2. одну или несколько точек
3. и, если возможно, проверьте, является ли адрес после @ действительным адресом

Альтернативой этому является использование JavaScript, но для всех остальных условий я не хочу использовать JavaScript

Answer 1

Обновлено 2018 Ответ

иди сюда http://emailregex.com/

Javascript:

/^(([^<>()\[\]\\.,;:\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,}))$/

Answer 2

pattern="[a-z0-9._%+-]{1,40}[@]{1}[a-z]{1,10}[.]{1}[a-z]{3}"

<input type="email"  class="form-control" id="driver_email" placeholder="Enter Driver Email" name="driver_email" pattern="[a-z0-9._%+-]{1,40}[@]{1}[a-z]{1,10}[.]{1}[a-z]{3}" required="">

Answer 3

^(http:\/\/www\.|https:\/\/www\.|http:\/\/|https:\/\/)[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$

Answer 4

Я протестировал следующее регулярное выражение, которое дает тот же результат, что и проверка ввода электронной почты Chrome Html.

[a-z0-9!#$%&'*+\/=?^_`{|}~.-]+@[a-z0-9-]+(\.[a-z0-9-]+)*

Вы можете проверить его на этом веб-сайте: regex101