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

Question

Использование Html5 У меня есть представление, которое содержит поле ввода электронной почты.

Поэтому для проверки правильности адреса электронной почты я использую атрибут шаблона для проверки.

Но это не так работает правильно, проблема, с которой я сталкиваюсь здесь, хотя я ввожу неверный адрес электронной почты как abc@gmail проверка не работает. Я протестировал тот же шаблон регулярных выражений в Fiddler, там он работает нормально, но, что касается моего приложения, он работает неправильно. Пожалуйста, помогите мне с этим. Вот мой взгляд:

<form>

  <input type="email" 
    class="form-control" 
    data-val="true" 
    data-val-required="please enter an email address"
    pattern="[a-z0-9._%+-]+@[a-z0-9.-]+.[a-z]{2,4}$" 
    required>
  
  <input type="submit" />
</form>  

Answer 1

регулярное выражение должно быть [a-z0-9 ._% + -] + @ [a-z0-9 .-] +. [Az] {2,} $

вместо [a-z0-9 ._% + -] + @ [a-z0-9 .-] +. [Az] {2,4} $

Итак, html ввод будет:

<input type="email"
   class="form-control"
   data-val="true"
   data-val-required="please enter an email address"
   pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$"
   required>

ПРИМЕЧАНИЕ: разница в регулярных выражениях составляет {2,} и {2,4}