如何检查出生日期是输入的 - How to check date of birth is keyed in

How to check date of birth is keyed in

我想知道如何检查用户是否在注册表中输入了他们的出生日期。日和月在下拉列表中，年份在文本框形式中。

<b>Date of birth</b>
<select name="day" id="dobday">
<option value="na">Day</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select> 
<select name="dobmonth" id="dobmonth">
<option value="na">Month</option>
<option value="January">January</option>
<option value="February">February</option>
<option value="March">March</option>
<option value="April">April</option>
<option value="May">May</option>
<option value="June">June</option>
<option value="July">July</option>
<option value="August">August</option>
<option value="September">September</option>
<option value="October">October</option>
<option value="November">November</option>
<option value="December">December</option>
</select>`
<input type="text" name="dobyear" title="dobyear" style="color:#888;"
value="year" onfocus="inputFocus(this)" onblur="inputBlur(this)" />

我还想在用户单击某个月份时输入该功能，日期会相应地检查。像某些月份的 30 、31 和，28 （：
仅使用 html 或 php。

使用 Jquery 根据月份更改时的下拉列表更改日期。

myjsonarray 是如下数组，

{ "january":{"1","2","3" .... "31"}, "February":{"1","2"..."29"}, ... }

根据月份...

jQuery(document).ready(function(){
            prevhtml = jQuery("#dobday").html();
        });
                function changedays(){
                    var selected = jQuery("#dobmonth option:selected").text();


                if(myjsonarray[selected]){
                    jQuery.each(myjsonarray[selected], function( index, value ) {
                        html +="<option value='""+index+"'">"+value+"</option>"; 
                    });
                }
                if(!myjsonarray[selected]) html=prevhtml;
                jQuery("#dobday").html(html);
                }

同时将 select 语句更改为

<select name="dobmonth" id="dobmonth" on-change="changedays()">

您可以使用HTML5的required属性：

<input type=text required/>
<select required></select>

尽管某些较旧的浏览器不完全支持它

小提琴

更新

您需要添加required，对于select，您需要将第一个option设置为空白值，如下所示：

<option value="">Month</option>

新小提琴