(Web) 阻止事件默认行为

2022-06-04  本文已影响0人  布呐呐u

有时,你会遇到一些情况,你希望事件不执行它的默认行为。 最常见的例子是Web表单,例如自定义注册表单。 当你填写详细信息并按提交按钮时,自然行为是将数据提交到服务器上的指定页面进行处理,并将浏览器重定向到某种成功消息页面(或相同的页面,如果另一个没有指定。)

当用户没有正确提交数据时,麻烦就来了,作为 开发人员,你希望停止提交信息给服务器,并给他们一个错误提示,告诉他们什么做错了,以及需要做些什么来修正错误。 一些浏览器支持自动的表单数据验证功能,但由于许多浏览器不支持,因此建议你不要依赖这些功能,并实现自己的验证检查。

// 伪代码
form.onsubmit = function(event) {
  if (name.value === "") {
    event.preventDefault();
    alert("You need to fill in both names!")
  }
}
上一篇下一篇

猜你喜欢

热点阅读