如何在文本框为空时阻止数据在数据库中提交

<form>
  <input type="text" id="myInput" required>
  <button type="submit">提交</button>
</form>

<script>
  document.querySelector('form').addEventListener('submit', function(event) {
    var input = document.getElementById('myInput');
    if (input.value.trim() === '') {
      event.preventDefault(); // 阻止表单提交
      alert('文本框不能为空');
    }
  });
</script>

app.post('/submit', function(req, res) {
  var inputValue = req.body.myInput;
  if (inputValue.trim() === '') {
    res.status(400).json({ error: '文本框不能为空' });
  } else {
    // 将数据存入数据库
    // ...
    res.json({ success: true });
  }
});

CREATE TABLE myTable (
  id INT PRIMARY KEY AUTO_INCREMENT,
  myField VARCHAR(255) NOT NULL
);