JS moderne, EXO #6 Limiter le nombre de caractères dans un textarea
ERROR
00:00
00:00

TUTO JS moderne, EXO #6 Limiter le nombre de caractères dans un textarea

Carl Brison
18,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Continuons notre manipulation du JavaScript moderne que nous avons appris ensemble dans la série de tutos.
Il peut arriver de devoir limiter le nombre de caractères que l'utilisateur doit entrer dans un champs de formulaire.
Le cas le plus emblématique : celui de Twitter. En effet, le texte saisi ne doit pas dépasser la longueur d'un Tweet (passé de 140 à 280 signes).
Et bien c'est ce que nous allons apprendre à faire ensemble grâce à ce tuto en vidéo !

JS moderne, EXO #6 Limiter le nombre de caractères dans un textarea

Pour cet exercice pratique, nous allons voir comment il est possible de compter et de limiter le nombre de caractères au sein d'un textarea.

  • Tout d'abord nous apprendrons comment limiter le nombre de caractères d'un textarea en affichant un comptage négatif,
  • Puis, nous apprendrons à empêcher l'utilisateur de pouvoir écrire d'autres caractères dans un textarea, une fois la limite dépassée.
  • Afin d'illustrer nos nouveaux acquis, nous ferons ensembles un exercice d'application concret.

Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.
Tous les fichiers de travail sont fournis !

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.

Pour suivre ce cours en vidéo dans de bonnes conditions, il est recommandé de connaître : les bases du JavaScript moderne

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Chapitre 1
Compter et limiter le nombre de caractères dans un textarea
Chapitre 2
Exercice #1
Chapitre 3
Limiter physiquement le nombre de caractères autorisés
Chapitre 4
Conclusion

Plan détaillé du cours

Chapitre 1 : Compter et limiter le nombre de caractères dans un textarea
15m10s
 
Leçon 1Compter le nombre de caractères dans un textarea
Leçon 2Calculer la limitation du nombre de caractères
Leçon 3Si la limitation du nombre de caractères est dépassée, on écrit en rouge
Chapitre 2 : Exercice #1
1h08m
 
Leçon 1Mise en place du HTML
Leçon 2Icone sur le bouton du formulaire
Leçon 3Mise en forme de la boîte qui contient le formulaire
Leçon 4Mise en forme du bouton de formulaire
Leçon 5Mise en place du fichier traitement
Leçon 6Mise en forme du formulaire
Leçon 7On vérifie que tous les champs du formulaires sont remplis
Leçon 8On compte le nombre de caractères dans le message
Leçon 9On bloque le formulaire si le nombre de caractères max est dépassé
Leçon 10Création d'une constante
Chapitre 3 : Limiter physiquement le nombre de caractères autorisés
14m05s
 
Leçon 1Découverte de la fonction substring
Leçon 2Un peu plus loin
Leçon 3Retour à l'exercice précédent
Leçon 4Blocage du décompteur à 0
Chapitre 4 : Conclusion
01m04s
 
Leçon 1Conclusion

Aperçus

Avis des apprenants

Détail des avis
3
Apprenants
2
Commentaires
5/5
Note moyenne
5/5
2
4/5
0
3/5
0
2/5
0
1/5
0
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 24/10/2022
Super comme toujours
Carl Brison
Carl Brison
Merci beaucoup ;-)
Bernard Chabloz
Bernard Chabloz
Publié le 09/05/2022
Le #6 m'avait échappé. Voilà qui est réparé, toujours avec le même plaisir.
Carl Brison
Carl Brison
Merci beaucoup ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code source des exercices

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données