javascript - jQuery 表单在更正验证失败后不提交

Question

我有一个简单的表单，询问您是否确定要提交它。

$(document).ready(function(){
  $("form#myform").on('submit', function(e)
  {
      if (!confirm('Are you sure?')){
        e.preventDefault();
      }
      else {
        console.log("submitting...");
      }
   });
});

提交表单，点击“确定”到“你确定”提示，表单提交就好了。

--刷新页面，清空--

提交表单，在出现“您确定”提示时点击取消。表单未按预期提交。再次提交表单，点击“确定”到“你确定”提示，表单仍然没有提交，“正在提交...”被记录到控制台。从这一点开始，直到我刷新页面并第一次点击“确定”提示时，表单才会提交。

如果我交换

e.preventDefault();

与

return false;

没有任何变化，行为完全相同。

我完全被难住了。我做错了什么？

编辑:这是一个 jsFiddle 链接 https://jsfiddle.net/8ac3Lgzg/ .该 fiddle 中的 HTML 和 JavaScript 与我项目中的代码/完全相同/。我上面描述的问题在 jsFiddle 上运行时不会发生，但在我的项目中会发生。

Answer 1

您的代码运行完美，这里有一个 jsFiddle 演示它。我从字面上复制并粘贴，一定有一些其他 javascript 影响了您页面上某处的表单。

jsFiddle link below

http://jsfiddle.net/xbhvqvp7/1/

还可能值得检查浏览器网络日志以查看表单是否确实被提交