有没有办法修复我的CSS和JavaScript中的电子邮件和标题验证？

我正在尝试验证我的电子邮件和标题输入字段，但它仍然允许我提交页面。请问代码中的错误在哪里

if(email == "") {
    printError("emailErr", "Please enter your email address");
} else {
    var regex = /^\S+@\S+\.\S+$/;
    if(regex.test(email) === false) {
        printError("emailErr", "Please enter a valid email address");
    } else{
        printError("emailErr", "");
        emailErr = false;
    }
}

if(title == "Select") {
    printError("titleErr", "Please select your title");
} else {
    printError("titleErr", "");
    titleErr = false;
}


if((nameErr || emailErr || titleErr) == true) {
   return false;
} 

---

我希望它在单击submit按钮时提供一条错误消息。链接到我的整个代码

总的来说，它工作得很好，我只需要做一些更改

您的

input type=“submit”

在每次单击表单时都会提交表单，即使表单验证返回错误。我在

input type=“button”

中对其进行了更改，现在使用JavaScript提交表单，并且仅当表单验证没有返回错误时

如上所述，您还需要在函数的后面关闭validate函数

---

您可以看到。

您似乎过早地关闭了

validateForm

功能。您也可以通过e.PreventDefault（）禁用输入按钮的默认行为；