验证电子邮件字段不为空 Javascript答案

【问题标题】：Validate email field not empty Javascript验证电子邮件字段不为空 Javascript
【发布时间】：2022-01-24 04:00:11
【问题描述】：

我正在尝试验证电子邮件表单字段是否不为空，当然我是通过犯错来学习的，但需要你们中的任何一个专业人士解释一下。

这是我有的，但它不工作，一切对我来说都是合乎逻辑的。

<script>
  document.getElementById('regform').addEventListener("submit", function(e))
{
    if(document.querySelector("#mail")=='')
   {
      e.alert("You need to provide a valid email");
    } 
});
</script>

我有点困惑。

这是 HTML：

<form class="login_form" id="regform" action="" method="post">
  <input type="email" name="mail" id="mail" placeholder="Your @ email" required>
  <input type="submit" value="INGRESAR">
</form>

【问题讨论】：

请同时包含 HTML 表单。
您不需要任何 JavaScript。只需在<input 上设置required。
我想个性化警报消息，我可以使用 require ，这是一个明显的 :-) 但是不！！！，当我们可以疯狂时，为什么要让它变得容易？
"既然我们可以疯狂，为什么要让它变得容易？" - 著名的遗言

标签： javascript forms validation

【解决方案1】：

<script>
 document.getElementById('regform').addEventListener("submit", function(e))
 {
     if(document.querySelector("#mail").value == '')
     {
          e.alert("You need to provide a valid email");
     } 
}
</script>

使用document.querySelector("#mail").value和document.querySelector("#mail")从输入文本中获取值只获取元素

【讨论】：

它不起作用，它不显示警报.. :-( 我正在尝试这个并且同样失败：