停止提交表单的方法 - jQuery 和 JavaScript

当用户提交表单时，有时候我们需要做一些处理或者验证，但是默认情况下，表单会立即提交，如果我们需要停止表单提交，可能会用到以下方法。

1. 使用 preventDefault() 方法

这是最常见的停止表单提交的方法。我们可以给表单绑定一个 submit 事件，并在方法内使用 preventDefault() 方法。这个方法会阻止浏览器的默认行为，也就是停止表单提交。下面是 jQuery 和 JavaScript 的示例代码：

jQuery 代码示例

$("form").submit(function(e){
    e.preventDefault();
    // 做你想做的事情
});

JavaScript 代码示例

document.querySelector('form').addEventListener('submit', function(event) {
  event.preventDefault();
  // 做你想做的事情
});

2. 使用 return false

还有一种方法可以停止表单的提交，那就是在表单的 onSubmit 方法中使用 return false。这个方法同样可以阻止浏览器的默认行为，也就是停止表单提交。下面是示例代码：

jQuery 代码示例

$("form").submit(function(){
    // 做你想做的事情
    return false;
});

JavaScript 代码示例

document.querySelector('form').onsubmit = function(e) {
  // 做你想做的事情
  return false;
};

需要注意的是，如果在方法内使用 return false，那么这个方法就必须要直接绑定在表单元素的 onSubmit 事件上，否则无法停止表单提交。

总结

总之，以上两种方法都可以有效地停止表单提交，具体使用哪个方法可以根据自己的需求来选择。需要注意的是，如果需要做表单验证等操作，一定要在上述两种方法之前进行，否则即使停止了表单的提交，用户输入的数据仍然可能是无效或者错误的。