无法使我的警报与日历一起正常工作

Question

function validateForm() {
  var x = document.forms["confirm"].value;
  if (x != "") {
    alert("Thank you for your booking! We look forward to seeing you on soon!");
  } else {
    alert("Please enter a date for your booking!");
  }
}

<form name="confirm" onsubmit="return validateForm()" method="post">
  <input type="date" id="booking" name="booking">
  <input type="submit" value="Book Now">
</form>

我希望提醒您输入任何日期对预订表示感谢，如果此框为空，请输入日期。谢谢！

Answer 1

function validateForm() {
  var date = booking.value;
  if (date) {
    alert(`Thank you for your booking! We look forward to seeing you on ${date}!`);
  } else {
    alert("Please enter a date for your booking!");
    return false;
  }
}

<form name="confirm" onsubmit="return validateForm()" method="post">
  <input type="date" id="booking" name="booking" required>
  <input type="submit" value="Book Now">
</form>