2014-12-31 6 views
-3

Мне хотелось бы узнать, как проверить, введен ли пользователь в дату регистрации в регистрационной форме. День и месяц находятся в выпадающем списке, а год - в текстовом поле.

Как проверить дату рождения, введите

<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

+1

Так вы ждете кого-то другого сделать все кодирование на стороне сервера для вас? – EternalHour

+0

@EternalHour Если ваш не собирается помогать, не комментируйте. – bubblebee

+0

@bubblebee, если вы не хотите прикладывать некоторые усилия, не задавайте вопросов. – EternalHour

ответ

0

вы можете использовать required атрибут в HTML5:.

<input type=text required/> 

<select required></select> 

Хотя это не полностью поддерживается некоторыми старыми браузерами

FIDDLE

UPDATE

Вам нужно добавить required и select с вам необходимо установить первый option на пустое значение, как так:

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

NEW FIDDLE

+0

это только для текстового поля? или он работает с выпадающим списком? (: – bubblebee

+0

@bubblebee выберите пример, который я добавил для выпадающих списков. Я включил скрипку тоже – jmore009

+0

Он не работал в моих кодах, не уверен, что я использовал его неправильно, но вы способны помочь мне использовать мои коды? Большое вам спасибо (: – bubblebee

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()"> 
Смежные вопросы