18,00

Tuto JS moderne, EXO #5 Limiter le nombre de caractères dans un textarea avec JavaScript

18,00

  • Une formation vidéo de 1h39m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
JS moderne, EXO #5 Limiter le nombre de caractères dans un textarea

ajouter ce cours aux favoris retirer ce cours des favoris

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

Table des matières de cette formation JavaScript (durée : 1h39m)

  • Compter et limiter le nombre de caractères dans un textarea
    • Compter le nombre de caractères dans un textarea gratuit 00:07:13
    • Calculer la limitation du nombre de caractères 00:03:41
    • Si la limitation du nombre de caractères est dépassée, on écrit en rouge 00:04:16
  • Exercice #1
    • Mise en place du HTML 00:08:08
    • Icone sur le bouton du formulaire 00:03:00
    • Mise en forme de la boîte qui contient le formulaire 00:10:29
    • Mise en forme du bouton de formulaire 00:04:48
    • Mise en place du fichier traitement 00:03:26
    • Mise en forme du formulaire 00:07:55
    • On vérifie que tous les champs du formulaires sont remplis 00:13:20
    • On compte le nombre de caractères dans le message 00:08:19
    • On bloque le formulaire si le nombre de caractères max est dépassé 00:05:26
    • Création d'une constante 00:04:01
  • Limiter physiquement le nombre de caractères autorisés
    • Découverte de la fonction substring 00:06:36
    • Un peu plus loin 00:02:11
    • Retour à l'exercice précédent 00:03:44
    • Blocage du décompteur à 0 00:01:34
  • Conclusion
    • Conclusion 00:01:04



Formateur : Carl Brison

Carl Brison a publié 217 tutoriels et obtenu une note moyenne de 4,9/5 sur 14 785 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
  • Que contient le fichier source ?
    Le code source des exercices
Parcours Developpeur Front End
accédez à plus de 1320 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données