Проверка возраста

215

18 октября 2018, 17:40

Есть input с датой рождения:

<input type="date" name="Date" placeholder="Дата рождения" id="Date" onblur=""/>

Хочу сделать, что при потере фокуса, если возраст пользователя менее 18 поле подсвечивалось красным и рядом была ошибка

Answer 1

Что-то такое пойдёт?)

$('#Date').bind('blur', function(){ 
  var d = new Date(); 
  var InputVal = $(this).val().split('-')[0]; 
  var ThisYear = d.getFullYear(); 
  if(ThisYear-InputVal<18) { 
    $('.res').text('Вам нельзя покупать алкоголь, пока Вам не исполниться 18'); 
  } else { 
    $('.res').text('Вам можно покупать алкоголь, вам же '+(ThisYear-InputVal)); 
  } 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
<input type="date" name="Date" placeholder="Дата рождения" id="Date" onblur=""/> 
<div class="res"></div>