Contrôle formulaire : alert suivant oublis de l'utilisateur

Contrôle formulaire : alert suivant oublis de l'utilisateur - Javascript/Node.js - Programmation

Marsh Posté le 13-01-2018 à 18:54:20    

Salut tout le forum.
 
J’ai besoin de votre aide.
 
je crée un scripts en Javascript qui vérifie le contenu d’un formulaire.
 

Code :
  1. function controleCompteRendu(){
  3. var autorisation = true;
  5. // Si système est vide
  6. if(compteRendu.elements['systeme'].value == "" ){
  7.  alert("Il manque la désignation du système." );
  8.  autorisation = false;
  9. }
  11. // Si intervention_realisee est vide
  12. if(compteRendu.elements['intervention_realisee'].value == "" ){
  13.  alert("Il manque la description de l'intervention réalisée." );
  14.  autorisation = false;
  15. }
  17. // Si resultat est vide
  18. if(compteRendu.elements['resultat'].value == "" ){
  19.  alert("Il manque le résultat de l'intervention." );
  20.  autorisation = false;
  21. }
  23. // Si cout_horaire est vide
  24. if(compteRendu.elements['cout_horaire'].value == "" ){
  25.  alert("Il manque le coût horaire de main d'œuvre." );
  26.  autorisation = false;
  27. }
  29. return autorisation;
  30. }


Est-il possible de programmer pour n'avoir qu'une seule alert qui s'ouvre avec les bons messages adaptés à ce que l'utilisateur a oublié ?
 
Merci pour votre aide.


Message édité par kewan le 13-01-2018 à 18:55:16
Reply

Marsh Posté le 13-01-2018 à 18:54:20   

Reply

Marsh Posté le 13-01-2018 à 21:56:52    

Ce sujet a été déplacé de la catégorie Linux et OS Alternatifs vers la categorie Programmation par Black_lord


---------------
uptime is for lousy system administrators what Viagra is for impotent people - mes unixeries - github me
Reply

Marsh Posté le 13-01-2018 à 22:10:49    

Non testé, syntaxe exacte à vérifier, plus ou moins pseudocode.

Code :
  1. function controleCompteRendu(){
  3. var msg="";
  5. // Si système est vide
  6. if(compteRendu.elements['systeme'].value == "" )
  7.  msg+="Il manque la désignation du système.\n";
  9. // Si intervention_realisee est vide
  10. if(compteRendu.elements['intervention_realisee'].value == "" )
  11.  msg+="Il manque la description de l'intervention réalisée.\n";
  13. //etc
  15. if(msg != "" )
  16. {
  17.  alert(msg);
  18.  return false;
  19. }
  20. else
  21. {
  22.  return true;
  23. }
  24. }


Reply

Marsh Posté le 13-01-2018 à 23:08:06    

Je préfère la solution de rat de combat mais sinon faut utiliser les else if...

Message cité 1 fois

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 14-01-2018 à 00:17:46    

MaybeEijOrNot a écrit :

sinon faut utiliser les else if...

Dans ce cas il n'y aura que le message pour le premier oubli, mais rien pour les autres. C'est pas le comportement cherché, l'idée c'est d'avoir un message qui indique tout les oublis en une seule fois.

Reply

Marsh Posté le 14-01-2018 à 00:29:35    

C'est pourquoi j'ai dit que je préférais ta solution. Mais Kewan semble oublier un basique, c'est pourquoi je le rappelle.
 
Sinon la meilleure solution reste de n'utiliser qu'un message du genre "formulaire incomplet ou incorrect" et de mettre en évidence chaque champ incorrect.


---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 14-01-2018 à 15:55:19    

:hello:  
 
Merci pour vos réponses.
 
Voila où j'en suis :
 

Code :
  1. function controleCompteRendu(){
  3. // Variable msg
  4. // A chaque défauts de saisie du formulaire un message sera ajouté par msg+=
  5. var msg = ['Il manque :<br><br>'];
  7. // Si système est vide
  8. if(compteRendu.elements['systeme'].value == "" ){
  9.  msg+="<li>La désignation du système.</li>";
  10. }
  12. // Si intervention_realisee est vide
  13. if(compteRendu.elements['intervention_realisee'].value == "" ){
  14.  msg+="<li>La description de l'intervention réalisée.</li>";
  15. }
  17. // Si resultat est vide
  18. if(compteRendu.elements['resultat'].value == "" ){
  19.  msg+="<li>Le résultat de l'intervention.</li>";
  20. }
  22. // etc...
  24. // Si il y a plus d'un message dans msg
  25. if(msg.length > 1 ){
  27.  // Faire apparaître la div affichageMessage
  28.  $('#affichageMessage').css('display','block');
  30.  // Faire apparaître balises <ol> de la div affichageMessage
  31.  $('#baliseOL').css('display','block');
  33.  // Afficher les messages
  34.  document.getElementById("baliseOL" ).innerHTML = msg;
  36.  // Bloquer l'envoie du formulaire
  37.  return false;
  38. }
  39. else{
  40.  // Autoriser l'envoie du formulaire
  41.  return true;
  42. }
  43. }


Message édité par kewan le 14-01-2018 à 17:06:44
Reply

Marsh Posté le 14-01-2018 à 16:54:17    

Code :
  1. var msg = ['Il manque :<br><br>'];


 

Code :
  1. msg+="<li>La désignation du système.</li>";


 
Tu as testé? Pas certain que tu puisses utiliser cette affectation pour une variable de type array.

Message cité 1 fois

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.
Reply

Marsh Posté le 14-01-2018 à 17:05:45    

MaybeEijOrNot a écrit :

Code :
  1. var msg = ['Il manque :<br><br>'];


 

Code :
  1. msg+="<li>La désignation du système.</li>";


 
Tu as testé? Pas certain que tu puisses utiliser cette affectation pour une variable de type array.


 
 
Oui j'ai testé voilà le résultat :
 
https://zupimages.net/up/18/02/w26j.jpg

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed