如何防止javascript中的表单提交

我编写了这样的代码来防止表单提交。但它不起作用。可能的原因是什么

$('#signUpForm').submit(function (event) {
        debugger;
        console.log('test');
        event.preventDefault();
        $('#signUpForm').unbind().submit();
        //IsValid();
        return false;
    })

根据你的语法似乎是错误的

另外，

.unbind（）

也不推荐使用。首选

.off（）

试一试

---

假设您的html页面中只有一个表单

$（文档）.ready（函数（）{
$（“表格”）。提交（功能（e）{
e、 防止违约（e）；
console.log（“表格提交已取消”）；
});
});

尝试以下解决方案：

$(document).ready(function() {
  $("#signUpForm").on("submit",function(e){
      e.preventDefault(e);
      console.log("form submission canceled");
  });
});

---

这是正确的。你有没有一把小提琴，或者什么东西能准确地显示出什么是不起作用的？你能不能显示你的DOM代码，你可能选择了错误的表单元素这不是jQueryJavaScript@AlexanderLallier我相信你会同意从技术上来说这两个都是真的。。。jQuery是一个JavaScript库，不能独立存在

你不能说jQuery是JavaScript

——现在已经偏离主题了，但你可以，我也可以。每次使用jQuery时，您都在使用javascript，不仅仅是在狭义的“技术”意义上，而是在现实中。任何JS库或框架都是如此。这假设页面上没有其他表单不需要这种行为……我们不知道是否如此。如果您打算建议这样的更改，您至少应该解释任何可能的意外后果，而不仅仅是转储代码。另外，已经有另一个答案表明了完全相同的事情…这假设页面上没有其他不需要这种行为的表单…我们不知道情况是否如此。如果您打算建议这样的更改，您至少应该解释任何可能的意外后果，而不仅仅是转储代码。然后您声明unbind（）已被弃用，但仍继续提供使用它的代码示例。。。此外，我们甚至不知道OP是否真的在抱怨这个问题，因为他们没有提供任何适当的详细信息。@ADyson我清楚地解释了为什么他的语法与提供的代码不符不，你只是说它错了，甚至没有解释哪一位错了，或者为什么，或者为什么你的更改是正确的。你给出了一个替代方案，但你没有解释任何事情。我也不明白为什么你给出一个例子，使用你已经提到的方法是不推荐的

$(document).ready(function() {
  $("#signUpForm").on("submit",function(e){
      e.preventDefault(e);
      console.log("form submission canceled");
  });
});