使用javascript提交表单后显示消息

<form id="myForm">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name"><br><br>
  <label for="email">Email:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="Submit">
</form>

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

  // 获取表单数据
  var name = document.getElementById("name").value;
  var email = document.getElementById("email").value;

  // 执行提交后的操作
  showMessage("Form submitted successfully! Name: " + name + ", Email: " + email);
});

function showMessage(message) {
  // 创建一个新的消息元素
  var newMessage = document.createElement("div");
  newMessage.textContent = message;

  // 添加到页面中
  document.body.appendChild(newMessage);
}