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

Posted 2023-02-22

【中文标题】验证电子邮件字段不为空 Javascript

【英文标题】：Validate email field not empty 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 ，这是一个明显的 :-) 但是不！！！，当我们可以疯狂时，为什么要让它变得容易？

"既然我们可以疯狂，为什么要让它变得容易？" - 著名的遗言

【参考方案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")从输入文本中获取值只获取元素

【讨论】：

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