HTML选择月份和年份,如何正确验证表单?

问题描述

我正在使用HTML处理结帐表格。我创建了一个部分,客户在其中放置信用卡号和有效期。我使用HTML select为这两个项目创建下拉列表:月和年。但是我的问题是,当月份或年份位于“选择月份”或“选择年份”时,不让他们提交表单。我该如何实现?我需要考虑什么?下面是我的代码

<form id="checkoutForm" action="confirmation.PHP">
<table>
  <h3>Payment information</h3>
  <tr>
      <th><label for="phone">Credit Card</label></th>
      <td><input class="inputField" type="text" id="card" name="card" pattern="[0-9]{13,16}" required></td>
  </tr>
  <tr>
      <th><label for="expDate">Expiration Date</label></th>
      <td><select id="selectMonth" name="selectMonth" required>
              <option disabled selected>Select Month</option>
              <option value="1">January</option>
              <option value="2">February</option>
              <option value="3">march</option>
              <option value="4">April</option>
              <option value="5">May</option>
              <option value="6">Jone</option>
              <option value="7">July</option>
              <option value="8">August</option>
              <option value="9">September</option>
              <option value="10">October</option>
              <option value="11">November</option>
              <option value="12">December</option>
          </select>
          <select id="years" name="years" required>
              <option disabled selected>Select Year</option>
              <option value="2020">2020</option>
              <option value="2021">2021</option>
              <option value="2022">2022</option>
              <option value="2023">2023</option>
              <option value="2024">2024</option>
              <option value="2025">2025</option>
              <option value="2026">2026</option>
              <option value="2027">2027</option>
              <option value="2028">2028</option>
              <option value="2029">2029</option>
              <option value="2030">2030</option>
          </select>
      </td>
  </tr>
</table>

<input id="submitButton" type="submit" value="Submit">
</form>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)