1

Como faço para colocar uma condição dentro do input do tipo date para ele so aceitar datas maiores de 18 anos, estava pensando se não tem uma condição para travar o input para datas com mais de 18 anos, é para um formulário onde so maiores de 18 podem enviar o formulário.

<label for="txtData_Nasc">Data de nascimento:</label>
<input type="date" class="form-control" id="txtData_Nasc" name="txtData_Nasc" required>
5
  • seria mais conveniente você deixar o campo "livre" e fazer a verificação em seu código comparando as datas, se o usuario for menor de idade você exibe uma mensagem.
    – RFL
    Commented 23/03/2017 às 17:30
  • Tem como fazer isso sem precisar atualizar a pagina? Commented 23/03/2017 às 17:32
  • com javascript sim.
    – RFL
    Commented 23/03/2017 às 17:33
  • Como eu faria? sou iniciante e estou começando nesta area agora. Commented 23/03/2017 às 17:35
  • Dê uma olhada aqui @EvertonFigueiredo
    – Marconi
    Commented 23/03/2017 às 17:40

2 Respostas 2

2

Elementos do tipo <input date... aceitam o atributo max, porém você precisará de alguma forma calcular a data mínima de nascimento com base na data atual para atribuir este valor, exemplo:

Tomando como base a data de hoje (23/03/2017) a data mínima deve ser (23/03/1999), portanto você deve colocar este valor no atributo min do elemento no formato AAAA-MM-DD.

<form>
<label for="txtData_Nasc">Data de nascimento:</label>
<input type="date" class="form-control" id="txtData_Nasc" name="txtData_Nasc" max="1999-03-23" required>
<input type="submit"/>
</form>

Para fazer o cálculo da data automaticamente como php neste caso:

<label for="txtData_Nasc">Data de nascimento:</label>
<input type="date" class="form-control" id="txtData_Nasc" name="txtData_Nasc" max="<?php echo date('Y-m-d', strtotime('-18 year')); ?>" required>

Exemplo cálculo data no Ideone

6
  • 1
    Nem um dos dois exemplos funcionaram aqui. :/ Commented 23/03/2017 às 18:10
  • 1
    @EvertonFigueiredo eu troquei o max por min :P, na verdade o atributo que deve ser utilizado é o max. veja se o exemplo funciona agora.
    – abfurlan
    Commented 23/03/2017 às 18:15
  • 1
    Obrigado esta funcionando 100% @abfurlan Commented 23/03/2017 às 18:16
  • Tem um problema, se o usuário digitar a idade ainda pega por exemplo ano 2000. Commented 23/03/2017 às 18:22
  • 1
    Verdade, desculpe o incomodo. Commented 23/03/2017 às 18:25
0

Você pode efetuar a validação no cliente através do javascript, porém recomendo que além do cliente realize a validação também no servidor (PHP). No evento OnBlur do input você pode fazer a chamada da função que fará a validação.

<input type="date" class="form-control" id="txtData_Nasc" name="txtData_Nasc" onblur="validaIdade()">

para criar a função que valida a idade você poderá seguir o exemplo a seguir: Validação de idade javascript

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .