JavaScript 验证无法正确执行

标签 javascript html

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

最佳答案

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

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

示例:

<input type="email" required />

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

<input type="date" />

日历!希望...好吧,虽然还没有支持所有内容,但这一点仍然成立。如果你编写自己的 JS 验证,你将不可避免地会出错,并花费大量时间调试浏览器已经可以为你做的事情;)

关于JavaScript 验证无法正确执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23569190/

相关文章:

javascript - 如何使用 jQuery 构建一个完整的 HTML 表格?

javascript - 如何实现dealsea.com的评论弹出窗口?

Javascript 绘图实用程序 - 用于折线图的多个 Y 轴

html - 如何设置section height以适应屏幕?

javascript - 使用数字和字符串对列进行排序

javascript - 完整的 Javascript Promise 错误处理。如何?

javascript - 连接模板文字时出现奇怪的错误

javascript - 我尝试使用 jscript 从另一个文本区域复制数据后清除文本区域,但无法清除第二个文本区域

jquery - IE8 支持 HTML 自定义字符实体代码 "&#x25B6;"(阻止右箭头)

javascript - 如何从打开文件对话框中读取 txt 并使用 javascript (jquery) 将内容加载到文本区域中?