Page 1 sur 1

Checking date de naissance

Posté : 23 mai 2020, 14:50
par alain
Bonjour,

Je débute en JS et je souhaite faire une validation sur une date de naissance. Par exemple, si l'utilisateur entre une date du style "01-01-1000", un message d'erreur devrait apparaître.

J'ai cherché sur google mais je n'y suis pas arrivé. Je trouve des bouts de code qui sont assez complexe, pour un débutant comme moi.

Je trouve également beaucoup de tutos en Ajax ou Jquery mais je ne suis pas encore prêt pour aborder cela.

Voici une idée de mon petit code:

HTML

Code : Tout sélectionner

<form action="#" onsubmit="return validation()" >
<label>Date of birth : </label>
<br>
<input type="date" name="dateofbirth" id="dateofbirth">
<br>
<span id="dateofbirthError"></span>
<br>
<input type="submit" value="ok">
</form>
JS

Code : Tout sélectionner

function validation(){

    var dateofbirth = document.getElementById('dateofbirth').value; 

    if(dateofbirth == ""){
        document.getElementById('dateofbirthError').innerHTML = "Empty";
        return false;
    }

}
Je vous remercie par avance pour votre aide et le temps que vous me consacrerez à mon problème.

Re: Checking date de naissance

Posté : 25 mai 2020, 11:02
par webmaster
Bonjour

Le plus simple pour faire un controle de saisie est d'utiliser l'attribut pattern qui se declenche au submit

Code : Tout sélectionner

<form>
<input type="text" name="dt" pattern="[0-9]{2}(-)[0-9]{2}(-)[0-9]{4}">
<input type="submit">
</form>
Voir le tutoriel sur les expressions régulières pour formater le controle dans pattern

Re: Checking date de naissance

Posté : 28 mai 2020, 17:15
par alain
Bonjour,

Merci beaucoup je ne connaissais pas ce type d'attribut.