如何完成Javascript验证表单

我需要创建一个具有匹配密码的验证表单，没有空字段，正确字段中只有字母/数字，日期（从现在起和之前），只有数字的年龄，以及具有适当格式的电子邮件。我设法完成了发送电子邮件的工作，但是有人能帮我完成javascript代码吗

正文{
线高：30px；
}
.错误{
颜色：红色；
字号：0.8em；
字体：斜体；
}
#错误电子邮件{
可见性：隐藏；
}
#错误名称{
可见性：隐藏；
}

$（文档）.ready（函数（）{
$（“输入[name='email']）.blur（函数validateForm（）{
var x=$（“输入[name='email']”）val（）；
var pat=/.+@.+\.\w\w\w/；
如果（专利测试（x））{
document.getElementById（“erroremail”）.style.visibility=“hidden”；
}
如果（！专利测试（x））{
document.getElementById（“erroremail”）.style.visibility=“可见”；
返回false；
}
});
});

用户名：


名字：
错误的电子邮件格式。

姓氏：


密码：


确认密码：


电邮：
错误的电子邮件格式。

年龄：


日期：

首先，您应该稍微更改一下javascript

对于html中的表单元素，您应该处理与该表单相关的提交事件。比如说

<form ... method="post" action="" onsubmit="validate();">

你应该。如果没有for属性或表单控件，标签将毫无用处。

<form id="myForm">
$("#myForm").on('submit',function() {
    //Handle logic example.

    var email = $("input[name='email']").val();
    var regex = /\S+@\S+\.\S+/;
    if(!regex.test(email)) {
        alert("Not a valid email");
        return;
    };

    //Rest of logic....
});

var date = new Date($("input[name='date']").val());         
var dateNow = new Date(); // or Date.now()
if(dateNow > date) {
   //Do stuff
}