Как использовать проверку HTML для формы, когда JavaScript отключен на стороне клиента

Question

Как проверить через HTML, когда javascript выключен? Через нажатие моей кнопки будет вызвана проверка формы из JavaScript. Тем не менее, если пользователь отключает JavaScript, моя проверка HTML должна быть такой же проверкой, как отказоустойчивая, если отключен JavaScript, но всякий раз, когда я нажимаю на свою кнопку, ничего не происходит. Почему?

<form class="reservationForm">
  <h1>RESERVATION FORM</h1>
  <section class="form-group">
    <label>First Name:*</label>
    <input type="text" class="form-control" placeholder="Enter first name" id="fname" pattern="[A-Za-z]{99}" title="Please input a name" required>

    <label>Last Name:*</label>
    <input type="text" class="form-control" placeholder="Enter last name" id="lname" pattern="[A-Za-z]{99}" title="Please input a name" required>

    <label>Email address:*</label>
    <input type="email" class="form-control" placeholder="Enter email" id="resemail" pattern="([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$" title="Please input a valid email" required>

    <label>Contact Number:*</label>
    <input type="tel" class="form-control" placeholder="Enter contact number" id="cnumber" pattern="[\d]{8}" maxlength="8" title="please input a valid number" required>

    <label>Date:*</label>
    <input type="date" class="form-control" id="resdate" required>

    <p>
      <label>Time:*</label> <br>
      <select name="time">
        <option>5:00 PM</option>
        <option>6:00 PM</option>
        <option>7:00 PM</option>
        <option>8:00 PM</option>
        <option>9:00 PM</option>
        <option>10:00 PM</option>
      </select>
    </p>

    <label>Number of people:*</label>
    <input type="tel" class="form-control" placeholder="Enter pax" id="pax" pattern="[\d]{3}" maxlength="3" title="Please input a vaid number" required>

    <label>Request:</label><br>
    <textarea id="comment" placeholder="Request"></textarea>
  </section>

  <button type="button" class="btnform" onclick="return validateReservationForm() ">Submit Reservation</button>

</form>

Answer 1

Для отправки формы у вашей кнопки должно быть type="submit".