Javascript验证没有';我的计算不正确

Javascript验证没有';我的计算不正确,javascript,html,Javascript,Html,我创建了一个简单的HTML表单,然后使用Javascript验证表单数据,但当我提交表单时,它会用红色突出显示未填充的、不正确的文本框,并突然将页面直接指向表单操作路径。原因是什么?请任何人解释一下我对Javascript不熟悉。如果需要,我可以在这里发布我的代码。请帮助我。您忘记取消默认事件(即提交表单) 但除此之外,您不应该使用JS进行表单验证。HTML5为我们提供了所需的所有工具 例如: <input type="email" required /> 尝试键入不是电子邮件

我创建了一个简单的HTML表单,然后使用Javascript验证表单数据,但当我提交表单时,它会用红色突出显示未填充的、不正确的文本框,并突然将页面直接指向表单操作路径。原因是什么?请任何人解释一下我对Javascript不熟悉。如果需要,我可以在这里发布我的代码。请帮助我。

您忘记取消默认事件(即提交表单)

但除此之外,您不应该使用JS进行表单验证。HTML5为我们提供了所需的所有工具

例如:

<input type="email" required />

尝试键入不是电子邮件地址的内容。或者什么都没有。您的浏览器以本地方式为您处理它。毕竟,屏幕阅读器怎么知道文本框边框变为红色意味着填写错误

<input type="date" />


日历!有希望地。。。好吧,不是所有的都得到支持,但这一点仍然存在。如果您编写自己的JS验证,您将不可避免地出错,并花费大量时间调试浏览器已经可以为您做的事情;)

是的,请发布您的代码。您需要发布一些代码。你的帖子就像给医生打电话说“我的孩子在哭,他怎么了?”,他怎么知道?你需要带孩子去看医生。在这种情况下,将您的代码带到社区。这是我的javascript代码…………最可能的罪魁祸首是您期望
返回false来完成这项工作。您需要调用
event.preventDefault()
(如果您想支持较旧的IE浏览器,请将
event.returnValue
设置为
false
).@Erandi将您的代码添加到问题正文中。@Niet感谢我第一次创建代码时工作正常。不幸的是,我的代码太长,无法放在这里。我对HTML代码做了一些更改,并编写了javascript代码来验证基本的表单详细信息。是的,我使用了HTML5选项。我想要的是,如果用户输入错误的数据,文本框的边框颜色变为红色,会出现一个弹出警告,指出错误。在这里,当我提交它似乎不正确的红色文件,然后页面刷新和重定向到表单操作路径。。有没有办法把我的全部代码放在这里。。。