Il est donc temps pour un autre exercice.
Donc ce projet ici va couvrir tout ce dont nous avons parlé dans les dernières vidéos.
Donc, cela inclut des choses comme la forme d'oeufs différents types d'entrées, y compris les boutons déroulants menus déroulants.
Il comprend également des validations et des étiquettes.
Donc, à peu près tout ce que nous avons parlé et ce que vous allez faire est de les combiner pour faire un formulaire d'inscription pour certains faux site Web.
Donc, il va ressembler à ceci un formulaire où un utilisateur peut aller s'inscrire avec un Nom Prénom Nom Choisissez sexe.
Mot de passe de l'email.
Un anniversaire avec trois menus abandonnés et une case à cocher pour accepter les termes et conditions.
Donc, encore quelques conseils ici.
Ceux-ci doivent être des entrées de texte.
Ce doit être un mot de passe et.
Il s'agit d'une entrée de courrier électronique.
Ce sont des boutons radio.
Il s'agit de trois balises de sélection.
Il s'agit d'une entrée de case à cocher.
Donc, il ya des validations qui sont nécessaires.
Ainsi, le prénom nom et email ne peut pas être vide.
Ils sont obligatoires e-mail doit être une adresse e-mail valide.
Donc, cela doit suivre le bon format e-mail.
Et il ya un bonus ici et c'est celui que j'encourage tout le monde à essayer de trouver.
Donc, le point de ceci c'est l'un de nos premiers cas de moi vous demander de faire quelque chose que je ne vous ai pas directement montré comment faire.
Et comme je l'ai dit avant, c'est vraiment ce que c'est que d'être un développeur, vous êtes chargé de quelque chose que vous avez une idée que vous voulez essayer.
Vous n'avez aucune idée comment le faire.
Alors vous allez en ligne et il a fait des recherches.
Donc l'exercice ici est d'ajouter une autre validation.
Un nouveau type dont nous n'avons pas encore parlé, qui est de valider la longueur de quelque chose et la façon dont il devrait fonctionner.
Le mot de passe que l'utilisateur saisit doit avoir entre cinq et 10 caractères.
Sinon, nous recevons cette erreur ici.
C'est donc une autre de ces validations.
C'est une question que nous n'avons pas encore vue.
Donc, je recommande juste tirer vers le haut de Google et la recherche loin.
Une note rapide.
Cela doit être un HMO.
Donc, si vous savez javascript pas de javascript autorisé qui est considéré comme tricherie pour cet exercice et puis une dernière chose que les trois seulement sur les menus ceux qui ont besoin d'être des balises select.
Une note bien que vous n'avez pas besoin d'avoir toutes les années tous les mois tous les jours dans un mois qui est juste busywork.
Je voudrais juste obtenir deux ou trois articles là-bas juste pour que vous puissiez voir les trois sélectionne.
Il y a les petits menus déroulants.
Vous n'avez pas besoin de s'inquiéter de les remplir cependant.
D'ACCORD.
Alors allez-y et commencez si vous voulez rester un moment.
Je vais juste donner une démo du site actuel maintenant.
Donc, encore une fois je laisse tout vide, je dois remplir ce formulaire.
J'ai besoin de remplir le bouton de nom ici.
Email.
Laissez-le en blanc me dit de le remplir.
Si je ne mets pas un bon e-mail Il devient fou à moi et alors le mot de passe doit être rempli.
Un personnage ne suffit pas pour les personnages pas assez.
Maintenant, si je vais à cinq ou six ou tout ce que c'est que j'ai maintenant assez de caractères.
Un menu déroulant.
Anniversaire.
Je suis d'accord ou pas d'accord.
Et maintenant la forme de celui-ci.
OK, c'est tout.
Allez-y et essayez cela tout seul.
Et puis, comme toujours, je vais le décomposer étape par étape dans la prochaine vidéo.