如何拦截提交按钮的点击？

我有一个表单和一个提交按钮。

我想快速检查一些字段（如果未填写某个字段，则空白其他一些字段）。

我不想更改按钮的 HTML，我只想在 jQuery 中执行此操作，而不向按钮添加任何“onclick”属性。

HTML:

<input class="cssButton button_in_cart" type="submit" value="Add to Bag" style="width: 80px;">

jQuery（已尝试）：

$("input.button_in_cart").mousedown(function () {
    alert("clicked");   
});

这不起作用，它仍然提交表单而不显示警报。谢谢。

不要使用任何形式的点击事件进行表单处理，因为键盘提交将绕过您的代码！

Use the submit相反，事件处理程序并返回 false （或e.preventDefault()) 停止提交进程。

e.g.

$('#myform').submit(function(e){
   // Do your validation here
   // ...
   // Then conditionally stop the submit from firing
   if (someValidateFails){
      e.preventDefault()
   }
});