如何在弹窗中提交表单

要在弹窗中提交表单，您需要在表单上添加一个事件监听器，以便在提交按钮被单击时触发。以下是实现此目的的步骤：

1. 给表单添加一个ID，例如：

<form id="myForm" action="/submit-form" method="POST">
  <!-- form fields here -->
  <button type="submit">提交</button>
</form>

2. 创建一个JavaScript函数来处理表单提交事件，例如：

function submitForm(event) {
  event.preventDefault(); // 阻止表单默认提交行为
  // 执行表单提交操作，可以使用 AJAX 或其他技术
  // 例如，使用 fetch API 将表单数据提交到服务器
  fetch('/submit-form', {
    method: 'POST',
    body: new FormData(event.target)
  }).then(response => {
    // 处理响应
  }).catch(error => {
    // 处理错误
  });
}

3. 给表单添加事件监听器，例如：

const form = document.getElementById('myForm');
form.addEventListener('submit', submitForm);

4. 修改打开表单的JavaScript函数，以便在打开表单时添加表单提交事件监听器，例如：

function openForm() {
  const form = document.getElementById('myForm');
  form.classList.add('active');
  form.addEventListener('submit', submitForm);
}

现在，当用户在弹窗中单击“提交”按钮时，表单数据将被提交到服务器，而不是默认提交到当前页面。您可以根据需要修改提交表单的URL和其他选项。