在 javascript 中啟用和禁用下載按鈕

Question

我制作了一個表格，要求輸入姓名和 email 以下載文件。 問題在於，無論您是否填寫名稱，“下載”按鈕都可以正常工作，即使它顯示消息，通知缺少下載文件的信息。

當輸入名稱和 email 時，我沒有足夠的 js 知識來找出使“下載”按鈕工作的方法。

有人可以幫忙嗎？ 請！

HTML 下載按鈕：

<button type="submit" onclick="window.location.href='download/CV.pdf'">Download</button>

JS：

  var email = document.getElementById("email").value;
  var error_message = document.getElementById("error_message");

  error_message.style.padding = "10px";

  var text;
  if(name.length < 5){
    text = "Please Enter valid Name";
    error_message.innerHTML = text;
    return false;
  }
  if(email.indexOf("@") == -1 || email.length < 6){
    text = "Please Enter valid Email";
    error_message.innerHTML = text;
    return false;
  }
  alert("Thank you!");
  return true;
}

謝謝！

Answer 1

你可以這樣做。

  <form onsubmit="return validateForm(event)">
    <button type="submit">Download</button>
    <input type="text" id="email" placeholder="Email">
    <input type="text" id="name" placeholder="Name">
  </form>

  ...

  function validateForm(event) {
    event.preventDefault();

    var email = document.getElementById("email").value;
    var name = document.getElementById("name").value;
    var error_message = document.getElementById("error_message");

    error_message.style.padding = "10px";

    var text;
    if(name.length < 5){
      text = "Please Enter valid Name";
      error_message.innerHTML = text;
      return;
    }
    if(email.indexOf("@") == -1 || email.length < 6){
      text = "Please Enter valid Email";
      error_message.innerHTML = text;
      return;
    }
    window.location.href = "download/CV.pdf";
  }