首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

有没有办法在没有onsubmit()的情况下在提交时触发javascript函数

在没有使用 onsubmit() 的情况下,可以使用 JavaScript 的 addEventListener() 方法在表单提交时触发函数。以下是一个示例:

代码语言:html
复制
<!DOCTYPE html>
<html>
<head>
 <script>
    function handleSubmit(event) {
      event.preventDefault(); // 阻止表单默认提交行为
      console.log("表单已提交");
      // 在这里添加您的代码逻辑
    }

    function init() {
      const form = document.getElementById("myForm");
      form.addEventListener("submit", handleSubmit);
    }

    document.addEventListener("DOMContentLoaded", init);
  </script>
</head>
<body>
  <form id="myForm">
   <input type="text" placeholder="输入文本">
   <button type="submit">提交</button>
  </form>
</body>
</html>

在这个示例中,我们首先创建了一个名为 handleSubmit 的函数,该函数将在表单提交时被触发。在 handleSubmit 函数中,我们使用 event.preventDefault() 阻止了表单的默认提交行为,然后添加了自定义的逻辑。

接下来,我们创建了一个名为 init 的函数,该函数在页面加载完成后运行。在 init 函数中,我们通过 document.getElementById 获取表单元素,并使用 addEventListener 方法为表单添加了一个 "submit" 事件监听器,该监听器将在表单提交时触发 handleSubmit 函数。

最后,我们使用 document.addEventListener 监听 "DOMContentLoaded" 事件,以确保在页面加载完成后运行 init 函数。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

没有搜到相关的沙龙

领券