如何使用 JavaScript 拦截和阻止表单提交？

拦截表单提交以进行预防

在您的表单带有无法修改的现有提交按钮的情况下，阻止其提交可以通过 JavaScript 来实现。

要捕获提交事件并防止其发生，可以执行以下步骤已采取：

捕捉提交事件：

1. 找到表单元素：

   const form = document.querySelector('form');

2. 为“提交”表单添加事件侦听器事件：

   form.addEventListener('submit', handleSubmit);

阻止提交：

在事件处理函数（本例中为“handleSubmit”）中，您可以阻止提交操作通过：

1. 调用事件对象上的 PreventDefault():

   const handleSubmit = (e) => {
     e.preventDefault();
   };

2. 此外，对于 AJAX 表单提交，返回 false 进一步阻止默认表单操作：

   function handleSubmit(e) {
     e.preventDefault();
     // Insert your custom logic here
     return false;
   };

注意： 如所提供的答案中突出显示的，如果发生 JavaScript 错误在return false语句之前，表单仍然会被提交。为了解决这个问题，请考虑使用 try...catch 块来处理任何潜在的错误，并确保即使在这种情况下也不会提交表单。

以上是如何使用 JavaScript 拦截和阻止表单提交？的详细内容。更多信息请关注PHP中文网其他相关文章！