验证电子邮件字段不是空的Javascript

Question

如果电子邮件表单字段不为空，我会尝试进行验证，当然我是通过犯错来学习的，但需要任何一个你专业的人做出一些解释。

这是我的水，但它不起作用，所有这样做对我来说都是合乎逻辑的。

<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>

Answer 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")从输入文本中获取值只获取元素