Question

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

<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。

Answer 1

使用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 name="dobmonth" id="dobmonth" on-change="changedays()">

Answer 2

您可以使用HTML5的required属性：

<input type=text required/>

<select required></select>

虽然某些较旧的浏览器并未完全支持

FIDDLE

<强>更新

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

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

NEW FIDDLE

如何检查出生日期是关键

2 个答案: