Sujet Précédent Sujet Suivant

Problème d'affichage de messages d'erreurs

Fermé
Streamooc Messages postés 74 Date d'inscription samedi 17 juin 2017 Statut Membre Dernière intervention 8 février 2023 - Modifié le 5 sept. 2018 à 09:16
 backnight - 19 sept. 2018 à 01:58
Bonjour.Je réalise un formulaire d'inscription.Je dois afficher des messages d'erreurs lorsque l'utilisateur n'a rien saisi et qu'il valide en cliquant sur le bouton Save.Mon problème c'est que l'erreur n'est pas affichée sous le champ 'nom' lorsque l'utilisateur n'a rien saisi dans ce champ et qu'il valide.J'ai besoin d'aides s'il vous plaît.Voici mon code angularJS et mon fichier html
//Js 
var myApp=angular.module("myApp",[]);
myApp.controller("inscriptionController",function($scope,$http){
 $scope.etudiant={};
 $scope.errors=null;
 
 $scope.saveEtudiant=function(){
  $http.post("etudiants",$scope.etudiant)
  .then(function onSuccess(data) {
   if(!data.errors){
       $scope.etudiant=data;
       $scope.errors=null;
   }
   else {
    $scope.errors=data;
    $scope.etudiant=null;
   }
   
      
   
  });
 };
 
});

/////html 
<html>
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
</head>
<body ng-app="myApp" ng-controller="inscriptionController">
  
   <form>
            <div class="form-group">
               <label class="control-label">Nom:</label>
               <input class="form-control" type="text" ng-model="etudiant.nom" />
               <span ng-if="errors" class="bg-danger">{{errors.nom}}</span>
            </div>
          
            <div>
                 <button class="btn btn-primary" ng-click="saveEtudiant()">Save</button>
            </div>
   </form>
    
   <script type="text/javascript" src="js/angular.min.js"></script>
   <script type="text/javascript" src="js/myApp.js"></script> 
</body>


EDIT : Ajout des BALISES DE CODE

.
A voir également:

1 réponse

Réponse 1 / 1
backnight
19 sept. 2018 à 01:58
Salut,
je ne connais pas assez angular pour en parler mais si je me souvient le peut de ce que j'en connait il est fait pour automatiser les données dans l'affichage donc pas vraiment en rapport avec votre question.

Avez vous essayé les nouveaux attributs de balise des input en HTML5, comme required.

https://www.w3schools.com/tags/att_input_required.asp

Il y en a d'autres attributs ou balise qui permettent de restreindre les valeurs renseignées dans les input à des nombres, à des valeurs comprises entre un minimum et un maximum, gérer l'incrémentation via un sélecteur plus ou moins , etc...
Cela résouts quelque soucis de contrôle de formulaire sans avoir à faire le moindre script. Pour le reste regarder du côté des scripts de contrôles des champs de formulaire (via les expressions régulières si nécessaires) et modifier l'affichage en indiquant un message d'erreur où vous le souhaitez via innerHTML par exemple.
0

Discussions similaires

adele
marine carnet-pantier -
irongege -

2 réponses
Facebook « Cette personne ne peut actuellement pas recevoir de message »
Cynamon -
Titia -

5 réponses
Ne pas voir sur le fil d'actualité mon identification
greeneye07 -
greeneye07 -

3 réponses
Je veux acceder à mes messages reçus sur ce site
Akoute -
kroniker -

1 réponse
Erreur de lecture sur iptv smarters
Bogs -
bazfile -

1 réponse