Validate birth date field with javascript

Question

I got a field like date, by name txtdata_nasc. I need a validation for it. I need you to have a button next to it that can validate it.

If a person enters a birth date under 18 years of age, I want a alert("Pessoas menores de 18 não podem se cadastrar."), and if he enters a date of birth between the ages of 18 and 60 alert("Maior de 18, pode se cadastrar."). You can’t put a date that makes you over 60.

Please, I want such code to return on a button with the onclick='return validadata()' as an example.

Answer 1

You can use this function which checks the age according to the date on input (explanations in the code):

function validadata(){
   var data = document.getElementById("nascimento").value; // pega o valor do input
   data = data.replace(/\//g, "-"); // substitui eventuais barras (ex. IE) "/" por hífen "-"
   var data_array = data.split("-"); // quebra a data em array
   
   // para o IE onde será inserido no formato dd/MM/yyyy
   if(data_array[0].length != 4){
      data = data_array[2]+"-"+data_array[1]+"-"+data_array[0]; // remonto a data no formato yyyy/MM/dd
   }
   
   // comparo as datas e calculo a idade
   var hoje = new Date();
   var nasc  = new Date(data);
   var idade = hoje.getFullYear() - nasc.getFullYear();
   var m = hoje.getMonth() - nasc.getMonth();
   if (m < 0 || (m === 0 && hoje.getDate() < nasc.getDate())) idade--;
   
   if(idade < 18){
      alert("Pessoas menores de 18 não podem se cadastrar.");
      return false;
   }

   if(idade >= 18 && idade <= 60){
      alert("Maior de 18, pode se cadastrar.");
      return true;
   }
   
   // se for maior que 60 não vai acontecer nada!
   return false;
}

<input type="date" name="nascimento" id="nascimento">
<button type="button" onclick='return validadata()'>Validar</button>