如何在HTML显示数据为空时使表单保留在原处

<form id="myForm">
  <!-- 表单元素 -->
</form>

var form = document.getElementById("myForm");

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

  // 在这里进行数据验证和处理
});

var form = document.getElementById("myForm");

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

  // 获取表单中的输入值
  var input = document.getElementById("inputField").value;

  // 数据验证和处理
  if (input === "") {
    // 数据为空时的处理逻辑
    var errorText = document.createElement("p");
    errorText.textContent = "数据不能为空";
    form.appendChild(errorText);
  } else {
    // 数据不为空时的处理逻辑
    // ...
  }
});