Validating Date of birth

Question

Hello, I am trying to validate birth date less than 15 years using the following rule:

1- If the user enters the date of birth, check if the day, month and year the user has typed, corresponds to less than 15 years, if yes, the button will be hidden.

Insert the following function below:

function calculaIdade(dobString) {

var data_nasc = document.getElementById('data_cri').value.split("/");
var verifica = data_nasc[2]+data_nasc[1]+data_nasc[0];

var dob = new Date(dobString);
var currentDate = new Date();
var currentYear = currentDate.getFullYear();
var birthdayThisYear = new Date(currentYear, dob.getMonth(), dob.getDate());
var verifica = currentYear - dob.getFullYear();

alert(verifica); //mostra a idade
alert(currentYear); // mostra o ano

alert(birthdayThisYear);

if (verifica >= 15 && currentYear < birthdayThisYear ){
    //alert('pode');
    document.getElementById('mostravid').style.display = "block";
} else {
    //alert('nao pode');
    document.getElementById('mostravid').style.display = "none";

}

if (verifica == ''){
    document.getElementById('mostravid').style.display = "none";

  }
}

<input type='text' name='data_cri' id='data_cri' value='<?=$data_cri?>' size='12' maxlength='10' onkeyup='formataData(this,this.value);' onblur='return calculaIdade(this.value)'>

For now it is working validating only per year, I would like it to validate as follows:

the user was born 21/09/2000 however, his age is 14 years using this function above, tomorrow is day 22/09, the user will enter the data 22/09, the function will calculate 15 years, ok .

I would like help from you to calculate this way.

Thank you

Answer 1

a solution counting the milliseconds

//define as duas datas base...
var actualDate = new Date();
//validando 25/09/2000 que ainda nao completou 15 anos
var birthDate = new Date("2000", "8", "25", "0", "0", "0");

// pega o milisegundo de cada uma
var actualMili = actualDate.getTime();
var selectMili = birthDate.getTime();

// 15 anos em milisegundos
var timeToTest= 1000 * 60 * 60 * 24 * 365 * 15; //15 anos em mili segundos...

//faz a diferença entre as datas e o tempo calculado
if( ( actualMili -  selectMili) >= timeToTest){
  document.body.textContent = "Pessoa com mais de 15 anos";
}
else{
  document.body.textContent = "Pessoa com menos de 15 anos";
}

Answer 2

Guys, it worked out ... I had to use ajax and php for security reasons, follow the script for anyone who wants to reuse.

 //Data de nascimento
$data_cri = date('Y-m-d',strtotime(str_replace('/','-',$_POST['data_cri'])));   

// data atual
$dt_fim = date('Y-m-d'); 

if (date('Y') - substr($data_cri,0,4) < 15){
        $date = str_replace('-', '/', $data_cri);
        echo "<div><h4>Data ".date('d/m/Y', strtotime($date))." fora do intervalo. <br> Menor que 15 anos não pode ser cadastrado!<h4> </div>"; 

}

// diferenca entre duas datas
if( isset($data_cri) && $data_cri!="" && isset($dt_fim) && $dt_fim!="") {
    $data_cri = DateTime::createFromFormat('Y-m-d', $data_cri);
    $dt_fim = DateTime::createFromFormat('Y-m-d', $dt_fim);

    if ((int)$dt_fim->diff($data_cri)->format('%y') >=15){
        echo "<div align='center'><input type='submit' value='Prosseguir'></div>";
        echo "<div align='center'><h3>Idade: ".(int)$dt_fim->diff($data_cri)->format('%y').' anos<h3></div>';
    }
} 

Answer 3

you can simply add 15 years to current date.

var formulario = document.getElementById("formulario");
var nascimento = document.getElementById("nascimento");
var enviar = document.getElementById("enviar");

var mensagemErro = function (event, input, mensagem) {
  //input.setCustomValidity(mensagem);
  alert(mensagem);
  event.preventDefault();
}

formulario.addEventListener("submit", function (event) {
  var data = nascimento.value;
  //nenhuma data informada
  if (!data) {
    return mensagemErro(event, nascimento, "Campo nascimento não informado");
  }

  //O browser não realizou a conversão de forma nativa
  if (!(data instanceof Date)) {
    data = data.split('/').reverse().join('-');
    data = Date.parse(data);
    if (!isNaN(data)) {
      data = new Date(data);
    }
  }

  //a data informada não é valida
  if (!data) {
    return mensagemErro(event, nascimento, "Campo nascimento não é valido");
  }

  var atual = new Date();
  data.setFullYear(data.getFullYear() + 15);  

  //menor de 15 anos.
  if (data > atual) {
    return mensagemErro(event, nascimento, "Nascimento posterior a 15 anos atrás");
  }
})

<form id="formulario">
  <input id="nascimento" type="date" />
  <input id="enviar" type="submit" value="Enviar" />
</form>

In the above case, I am using a date input, so I only need to convert the date manually if the value property does not return me a date.

Answer 4

Create a date object with the user’s date of birth and another date with the current date less 15 years. If the user’s date of birth is less than the current date less than 15 years the user is less than 15 years old.

function idadeMaiorQue(dataNascimento, idadeMinima) {
    var userDob = new Date(dataNascimento);
    var maxDob = new Date();

    maxDob.setFullYear(maxDob.getFullYear() - idadeMinima);

    return !(userDob < maxDob);
}