使用jQuery提交表单无效，请问我的代码存在什么问题？

嘿，我来帮你揪出问题所在——你的代码其实陷入了无限循环，这就是表单提交失败的核心原因！

先拆解下你的事件处理逻辑：

$("form").submit(function(e){ 
  e.stopPropagation(); 
  e.preventDefault(); // 这里已经阻止了表单的默认提交行为
  e.submit(); // 或者你尝试的 $(this).submit()
});

当你点击提交按钮时，表单触发submit事件并进入这个处理函数。你先用e.preventDefault()拦住了表单的默认提交流程，接着又调用了jQuery的submit()方法——但这个方法会再次触发表单的submit事件，于是又回到了这个处理函数，再次执行e.preventDefault()阻止提交，形成死循环，表单永远没法真正完成提交。

解决方案 #

如果你的需求是先做一些前置处理（比如输入验证、数据处理），再提交表单，这里有两种靠谱的解决方式：

方式1：解除事件绑定后再提交

先移除当前绑定的submit事件处理函数，再调用提交方法，彻底避免循环触发：

$("form").submit(function(e){ 
  e.stopPropagation(); 
  e.preventDefault(); 

  // 这里添加你的前置逻辑，比如检查输入是否合法
  console.log("正在执行前置验证...");

  // 解除当前的submit事件绑定，然后提交表单
  $(this).off('submit').submit(); 
});

方式2：使用原生DOM的submit方法

原生DOM元素的submit()方法不会触发jQuery绑定的事件处理函数，只会执行表单的默认提交行为，完美避开循环：

$("form").submit(function(e){ 
  e.stopPropagation(); 
  e.preventDefault(); 

  // 先执行你的前置处理逻辑
  console.log("正在处理提交前的数据...");

  // 调用原生DOM元素的submit方法
  this.submit(); 
});

小提示 #

如果你的场景不需要阻止事件冒泡或者默认行为，其实完全没必要加e.stopPropagation()和e.preventDefault()——只有当你需要先做自定义处理（比如验证通过才允许提交）时，才需要先拦截默认行为，处理完再手动触发提交。

内容的提问来源于stack exchange，提问作者bevube