首页 > 解决方案 > 如何在单击静态 HTML 表单时停留在当前页面

问题描述

我从模板构建了一个投资组合,并希望使联系部分可用。我正在使用 HTML 表单和 js,但“onclick”或“href”属性出现问题。在我在 google-sheets 上使用的服务器端。表格发送得很好,但我想在提交后留在同一页面。HTML:

<button type="submit" id="form-submit" class="button"> Send Message </button>

Javascript:

$(".main-menu").on("click", "a", function(e) {
    e.preventDefault();
    showSection($(this).attr("href"), true);
  });

有该网站的链接,您可以进入向下滚动以获得更好的理解: https ://vigilant-johnson-9e38c6.netlify.app/

标签: javascripthtml

解决方案


您应该e.preventDefault()onsubmit表单的事件中而不是在按钮的单击事件中。


推荐阅读