Javascript 基本js验证

我是JS的初学者，我想做一个基本的HTML和JS验证。如何使用2个输入（编号和提交）来完成

var edad=document.getElementById（“edad”），
数字=edad.numero
函数validacion（）{
如果（数字>=18）{
警报（“eres mayor de edad”）；
}否则{
警报（“eres menor de edad”）；
}
}
edad.addEventListener（“提交”，有效期）
您正在
submit
上设置事件侦听器，它指向
div
，但
div
没有
submit
事件

此外，您需要获取
输入
的
值
，并将其与
输入
元素本身进行比较

另外，
edad.numero
不是访问
输入
元素的正确方法

最后，从HTML进入JavaScript的所有数据都是一个字符串，所以您需要将其转换为一个数字来计算它

如果在
表单
元素上设置了有效的侦听器，并正确引用
输入
则代码将触发：


var-edad=document.getElementById（“edad”）；
var numero=document.querySelector（“输入[name='numero']”）；
功能验证（事件）{
event.preventDefault（）；//阻止表单提交
//+将字符串转换为数字
//而且，您必须获得输入的值，而不是输入本身
如果（+数值>=18）{
警报（“eres mayor de edad”）；
}否则{
警报（“eres menor de edad”）；
}
}
edad.addEventListener（“提交”，有效期）

html：

<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post">
  Name: <input type="text" name="fname">
  <input type="submit" value="Submit">
</form>

谢谢我真的很感激，你能解释一下它是什么意思查询选择器，在什么情况下可以使用它和e.preventdefault它或多或少我知道如何使用它，但我不知道在哪些具体情况下，谢谢，不要只写代码而不做任何解释
function validateForm() {
  var x = document.forms["myForm"]["fname"].value;
  if (x == "") {
    alert("Name must be filled out");
    return false;
  }
}