Comment faire un champ date de naissance en javascript ?

 

par meltech1 |

     
Comment faire un champ date de naissance en javascript ?

Dans un formulaire il y a différents champs à remplir pour qu'il soit complet. Avez-vous remarqué que dans certains formulaires la date de naissance n'y est pas ? En effet il faut remplir chaque champ automatiquement et cela n'est pas facile à faire d'où l'intérêt de cet article. Le champ date de naissance avec cet article contient le jour, le mois et l'année et il se remplit automatiquement.

Quelles sont les fournitures nécessaires ?

  • Internet Explorer
  • Logiciel bloc notes

Étapes de réalisation

1.

Commencez par ouvrir votre site Internet avec "bloc notes" pour en obtenir le code source. C'est le programme qui contient les balises de votre site Internet. Cherchez y la balise <body>.

2.

Dans la balise <body> veuillez insérer le script suivant :
<script language="javascript">
<!--
// champ1 : champ de départ
// champ2 : champ d'arrivée
function Compter(champ1, champ2) {
// Nombre de caractères max autorisés avant de passer au champ suivant
var max = 2;
if (document.getElementById && !document.all) {
var max = max-1;
}
// longueur actuelle du champ1
StrLen = champ1.value.length
// Si le nombre de caractères est >= au nombre max autorisé, on passe au champ suivant
if (StrLen >= max) {
// On sélectionne les 'max' premiers caractères entrés et on les définit comme valeur pour le champ1
champ1.value = champ1.value.substring(0,max);
// On initialise le champ2 à rien
champ2.value="";
// Et on met le focus sur celui-ci, pour ne pas avoir à cliquer
champ2.focus();
}
}
//-->
</script>

<form name="formulaire" method="post" action="#">
<table border="0" align="center">
<tr>
<td>Date de naissance :</td>
<td>
<input type="text" name="dn_jours" size="1" onkeypress="Compter(this,forms[0].dn_mois)"> /
<input type="text" name="dn_mois" size="1" onkeypress="Compter(this,forms[0].dn_annee)"> /
<input type="text" name="dn_annee" size="4" maxlength="4">
</td>
</tr>
</table>
</form>.

3.

Pour terminer enregistrez le tout avec "bloc notes" et ouvrez avec IE. Vous remarquez le champ date de naissance qui s'ouvre. Rentrez-y votre date de naissance et il passe d'un champ à un autre automatiquement. Voilà vous avez programmé cet article.

Sur le même thème

damneya

Comment ajouter des métadonnées sur iWeb ?

Pour attirer des visiteurs sur un site internet, il est important d’ajouter à son site des métadonnées et des mots-clés qui seront recherchés dans les moteurs de recherche. Pour ajouter des métadonnées sur iWeb sans éditer le code HTLM brut, pre

kat5

Comment utiliser le logiciel Dreamweaver ?

Dreamweaver est un logiciel permettant de concevoir un site Internet. Et comme tout logiciel, il est simple d'utilisation, mais certaines bases sont nécessaires. Alors à vos claviers, à votre souris, nous allons partir à la découverte de ce logiciel

damneya

Comment créer un blog ?

Un blog ou plus exactement un weblog est un site personnel que vous pouvez créer pour vous exprimer sur vos points de vues. Quelles étapes faut-il suivre pour créer un bon blog?

Chercher un article sur Comment fait-on