<!DOCTYPE html>
<html lang="zh-CN">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
</head>
<body>
 <input type="text" placeholder="please input your email" id="email">
</body>
<script>
 email.onchange = function(){
  var email = this.value;
  var reg = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/;
  if(reg.test(email)){
   alert("Email format is correct");
  }else{
   alert("E-mail format is incorrect");
  }
 }
</script>
</html>

Правила реализации:
Начинается с цифры или буквы, после среднего k следует несколько символов подчеркивания или «-», затем символ «@», затем цифра и буква. Затем «.» символ плюс 2–4 буквы.

Дополнительные материалы на PlainEnglish.io. Подпишитесь на нашу бесплатную еженедельную рассылку новостей. Подпишитесь на нас в Twitter, LinkedIn, YouTube и Discord . Заинтересованы в хакинге роста? Ознакомьтесь с разделом Схема.