当尝试使用JavaScript将表单数据保存到文本文件中时，HTML输入必需属性不起作用

<form id="myForm">
  <input type="text" id="name" required>
  <input type="email" id="email" required>
  <button type="submit">保存</button>
</form>

<script>
  document.getElementById("myForm").addEventListener("submit", function(event) {
    event.preventDefault(); // 阻止表单提交

    // 手动验证表单字段
    var name = document.getElementById("name").value;
    var email = document.getElementById("email").value;

    if (name === "") {
      alert("请输入姓名");
      return;
    }

    if (email === "") {
      alert("请输入电子邮件");
      return;
    }

    // 创建文本文件内容
    var fileContent = "姓名: " + name + "\n" + "电子邮件: " + email;

    // 创建并下载文本文件
    var element = document.createElement("a");
    element.setAttribute("href", "data:text/plain;charset=utf-8," + encodeURIComponent(fileContent));
    element.setAttribute("download", "formData.txt");
    element.style.display = "none";
    document.body.appendChild(element);
    element.click();
    document.body.removeChild(element);
  });
</script>