Códigos do Guru

Validar data de nascimento

Este código é uma página HTML simples com um formulário, um campo de entrada de data de nascimento, um botão “enviar” e uma div vazia com id “alerta”.

No JavaScript, ele usa “querySelector” para selecionar o campo de entrada de data de nascimento, o botão de envio e a div de alerta. Em seguida, ele adiciona um evento “blur” no campo de entrada de data de nascimento, que é acionado quando o campo perde o foco. Quando o evento é acionado, ele verifica se o campo está vazio. Se estiver vazio, ele esconde o botão de envio. Se não estiver vazio, ele usa a classe “Date” para obter o ano atual, divide a data de nascimento digitada para obter o ano de nascimento e calcula a idade. Se a idade for menor que 18 anos, o botão de envio é escondido e o alerta é exibido. Se a idade for maior ou igual a 18 anos, o botão de envio é exibido e o alerta é escondido.

Ele também adiciona um evento “focus” no campo de entrada de data de nascimento, que é acionado quando o campo ganha o foco. Quando o evento é acionado, ele esconde o alerta.

Visualização do código

VOCÊ PRECISA DE PERMISSÃO PRA OLHAR O CÓDIGO

e tn   a
o  rt=
>";t t etc;i"(nie 
niphr tadr sl c   o'
 eeett opg  i
ae h cta d emi
a "i t/eit 
 s 
S(o m.epln<;ot 
 a=aN' #ca>d  a nmit  iv  i>n  > y plEola( yt leaS s i
o = v'. e>o-
al > og 
o i 
 tcni
 .yteasd  ct  ) se ;dv 
 
  m ;   ef
t   Fd" .v =a"D 
 oY< t=  e"t1 m  )v"ci l l a aa 'ln
 u<;r  a c
se  nutdit) s>s {"Ecd( }'> e  r)aft.nn
m npeo  n(t;r     a  e h
.=ot  yalrn"   o.rtec
e;roao dne{ 
'rsdbAbtn.ecs
 '  ;s  s= } sa=i no

e>   ca   ecUt i
e{/##ie ( eE  a ep =
c
. ten  > l
 yeyp =/dc {a dt  l oi =ti >= '>ee    .'=
(o s

< t"v)(p bi
  t2 aee aa  
 n n ontn dd     n  apvcA
rta an
a m't,y ;ux/dp'ldivs hlurdl.
'ar  [L}  ied f '  o  r-at u /eaato> 
rT
    = nonmbhs a  yt
d " y ot
 l
 lT ] rv em"inivs' nd   n/
  d

iios" s td 
 .a a {
" tvt  a =aw i d , < mt  {e"
bs      NO
i  /  l a ea dt a tlnl

} tyc  ie= Y( qe<' r yer
S ; aqat a bcmuo h  n i mr    
  } 


 nta 
n o"'tas rn"e(  aec c   .
n '' ie'sr
ioc
t>n<=   >ta aen  eiutn  d" mo.t
  "m fd  d ==e  movn s