如果所选选项为空，如何阻止提交？

<form>
  <label for="option">选项:</label>
  <input type="text" id="option" required>
  <button type="submit">提交</button>
</form>

<script>
  const form = document.querySelector('form');

  form.addEventListener('submit', (event) => {
    const optionInput = document.querySelector('#option');
    if (optionInput.value.trim() === '') {
      event.preventDefault();
      alert('选项不能为空');
    }
  });
</script>

const express = require('express');
const app = express();
const bodyParser = require('body-parser');

// 解析请求体中的JSON数据
app.use(bodyParser.json());

// 处理表单提交的接口
app.post('/submit', (req, res) => {
  const option = req.body.option;
  if (!option || option.trim() === '') {
    res.status(400).json({ error: '选项不能为空' });
  } else {
    // 其他逻辑处理
    res.json({ success: true });
  }
});

// 监听端口
app.listen(3000, () => {
  console.log('服务器已启动');
});