Sommaire

Contrôles de saisie dans les formulaires

Cette section ne présente pas de difficultés majeures. Au travers d’une série d’exemples, nous allons découvrir comment mettre en œuvre efficacement des contrôles de saisie dans les formulaires via AngularJS.

1. Contrôle de saisie sur une zone de texte

Dans ce premier exemple, un simple contrôle de saisie va être effectué sur une zone de texte (balise <input>) dans un formulaire.

Script complet

<!DOCTYPE html> 
 
<!-- 
Nom du script : controle_saisie_01.htm 
Auteur : Christian VIGOUROUX 
Date de création : 15/10/2018 
Date de dernière modification : 15/10/2018 
Objet : Contrôle de saisie sur une zone de texte 
--> 
 
<!-- Balise html --> 
<html lang="fr-FR"> 
 
 <!-- Section head --> 
 <head> 
   <!-- Balise meta de gestion de l’accentuation UTF-8 --> 
   <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> 
   <!-- Appel du framework AngularJS --> 
   <script 
     src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/ 
angular.min.js"> 
   </script> 
 </head> 
 
 <!-- Section body --> 
 <body ng-app=""> 
 
   <!-- Utilisation de la police ...