Checking date de naissance

Pour toutes les discussions javascript, jQuery et autres frameworks
Répondre
alain
Messages : 2
Enregistré le : 23 mai 2020, 14:41

Checking date de naissance

Message par alain » 23 mai 2020, 14:50

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.

Avatar du membre
webmaster
Administrateur du site
Messages : 234
Enregistré le : 28 févr. 2017, 15:19

Re: Checking date de naissance

Message par webmaster » 25 mai 2020, 11:02

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
TJS : 20 ans et mon livre Tout JavaScript chez Dunod
https://www.toutjavascript.com/livre/index.php

alain
Messages : 2
Enregistré le : 23 mai 2020, 14:41

Re: Checking date de naissance

Message par alain » 28 mai 2020, 17:15

Bonjour,

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

Répondre