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

v'= ' tnmh enn;y dn 
n    i=  a< y   w as
a.
 "#LE dlvt.er( m( l.as lttPie bAo
a nm t      ton dr> eea t#p
d  e.da i<> 
kms"ito< on
 "t=l;oTday /r>
qorc)oasn cns 
> esaii u'c  
p
' l su
u  d; o=e    e'{'  
e . o (t  nc  aeh-aa
{u  
d ly =d dfcn(t
 
ce eoo n i ""d  'aw
m
 a  ;('  dct l= ctal 'y   >t e tvlO
iitda a( =oe   ya)t  tc tS     /=c.e()A e >
 n(sl' o>  o y  t ts lllp oe dear"l. tle pcm .co,hmsi     tncrt  ac   ]c
 .r e)p >e/"e gany  nr epts t
 o yolaff>i u  ;  q  
uutse= aytle >ssilttoenip=e 
e av l/F  } na  m';dni 
}; yennoa 
n .tec"io tr  v a m r  >hdpSs uEn
h;Lv
n eatu   se 
e = eue=
e yr-  am i.a
  t
}<  
iacshrn y l= l " "
i =1b lno.  < u(  =c Ytr t  a  


a
r m  ) n  /leUos t nailns 
 
al ic 
 ,"p)l  r}
'   rtt=!t
(c d =>>'tt met ke t'nyd e i   }
n; etdnddc to  a acb..
e{bvu
e 
il8Da -
ica
s.d"ndwe 
 ' > ee o or; e-=eloe =hq=ay s "a eo  / a  s