CATALOGUE Code & Data Formation Ajax/jQuery Apprendre Ajax / JQuery

Manipulation des Champs de Formulaire avec JQuery

Retour à la formation
Chapitre 6 Leçon 2
Précédent
Suivant

Apprenez à récupérer et à modifier les valeurs des champs de formulaire en utilisant JQuery et la fonction val.

Détails de la leçon

Description de la leçon

Cette leçon vous explique comment manipuler les contenus des éléments de formulaire en utilisant JQuery.

Les fonctions HTML et texte de JQuery ne permettent pas de récupérer le contenu des champs de formulaire de manière adéquate. Pour ce faire, JQuery propose la fonction val. En exécutant cette fonction, nous pouvons obtenir la valeur présente dans un champ de formulaire. En outre, il est également possible de modifier cette valeur en passant un argument à la fonction.

Nous avons testé cela avec un champ de formulaire ayant l'identifiant non. La fonction val s'est avérée efficace pour récupérer et modifier les données du champ, à l'inverse des fonctions HTML et texte qui ne renvoient rien dans ce contexte.

Objectifs de cette leçon

Les objectifs de cette vidéo sont de :

  • Comprendre l'utilisation des fonctions HTML et texte.
  • Apprendre à manipuler les champs de formulaire avec la fonction val de JQuery.
  • Comprendre comment récupérer et modifier les valeurs des formulaires.

Prérequis pour cette leçon

Pour suivre cette vidéo, il est nécessaire de :

  • Avoir des connaissances de base en HTML et en JavaScript.
  • Être familier avec l'utilisation de JQuery.

Métiers concernés

Les concepts abordés dans cette vidéo sont particulièrement utiles pour :

  • Développeurs frontend
  • Développeurs Full Stack
  • Ingénieurs logiciel

Alternatives et ressources

Pour gérer les formulaires, vous pouvez également utiliser :

  • Plain JavaScript
  • AngularJS
  • React

Questions & Réponses

Les fonctions HTML et texte ne sont pas conçues pour récupérer la valeur des champs de formulaire. Elles fonctionnent pour obtenir ou définir le contenu HTML ou textuel, mais ne peuvent pas interagir directement avec la valeur d'un champ de formulaire.
La fonction JQuery utilisée pour récupérer la valeur d'un champ de formulaire est val.
On peut modifier la valeur d'un champ de formulaire en utilisant la fonction val de JQuery en passant l'argument correspondant à la nouvelle valeur souhaitée. Par exemple, $('input#non').val('nouvelle valeur');