在单击提交按钮之前，表单在preventDefault后提交不起作用

的原因是preventDefault方法会阻止表单的默认提交行为，即阻止表单向服务器发送请求并刷新页面。如果想要在preventDefault后提交表单，可以通过JavaScript代码手动触发表单的提交操作。

以下是一个示例代码，展示了如何在preventDefault后提交表单：

// 获取表单元素
const form = document.querySelector('form');

// 监听表单的提交事件
form.addEventListener('submit', function(event) {
  // 阻止表单的默认提交行为
  event.preventDefault();

  // 执行自定义的表单提交操作
  // ...

  // 手动触发表单的提交操作
  form.submit();
});

在上述代码中，我们首先通过document.querySelector方法获取到表单元素，然后使用addEventListener方法监听表单的提交事件。在事件处理函数中，我们使用event.preventDefault()方法阻止表单的默认提交行为。接着，我们可以执行自定义的表单提交操作，例如对表单数据进行验证或处理。最后，通过form.submit()方法手动触发表单的提交操作，使表单数据发送到服务器。

需要注意的是，如果表单中存在验证错误或其他问题，手动触发的提交操作可能会被浏览器的验证机制拦截。在实际应用中，我们需要根据具体情况进行处理，确保表单数据的有效提交。