afficher quelque chose grace à javascript [Résolu]

[Knutt]

Bonsoir,
Je suis très débutant en javascript et après avoir lu plusieurs tutoriaux et forums il y a quelque chose que j'ai du mal a comprendre.
Lorsqu'on veut afficher qqchose à l'utilisateur, on peut utiliser "alert" mais ça fait apparaitre une boite pop up ce qui peut etre chiant, on peut utiliser document.write mais j'ai lu plusieurs fois qu'il fallait éviter car parait-il ça posait des problèmes de sécurité, par conséquent qu'utilise ton si on veut par exemple afficher du texte dans un <div>.
Pour être concret si on prend l'exemple classique d'un formulaire, on a un champs "nom", un script qui vérifie si le champs est vide ou non, et ensuite? On affiche le résultat comment à l'utilisateur ? Je me doute qu'il existe des librairies toutes faites, etc mais j'aimerais vraiment savoir comment cela fonctionne car ça me bloque de ne pas savoir ça!
merci d'avance !

[RomainVALERI]

Ca fait plusieurs questions assez différentes ^^

Commençons par celle-là

qu'utilise ton si on veut par exemple afficher du texte dans un <div> Pour être concret si on prend l'exemple classique d'un formulaire, on a un champs "nom", un script qui vérifie si le champs est vide ou non, et ensuite? On affiche le résultat comment à l'utilisateur ?

Supposons avec toi que la validation de ton formulaire doive renvoyer à l'utilisateur le message "Veuillez saisir un prénom."

Dans ton HTML, tu places un id à l'élément qui devra afficher les éventuels messages :

Code html :

<div id="messagesUtilisateur">

et côté JS, tu places, dans le code de ta fonction de validation :

Code javascript :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function validation () {
   if (...) {// tes conditions de validité
      // ok, le formulaire est validé
   }
   else {
      var divAffichage = document.getElementById("messagesUtilisateur");
      var message = document.createElement("SPAN");
      var texte = "Veuillez saisir un prénom.";
      message.appendChild(document.createTextNode(texte));
      divAffichage.appendChild(message);
 
      // tout autre code utile dans ton contexte ^^
 
      return false;// pour empecher la soumission du formulaire
   }
}

... mais surtout pense à taper dans les ressources Elles sont très nombreuses et souvent d'excellente qualité (par exemple celui-là si tu veux reprendre les bases ?)

[Knutt]

Ouais merci, c'est tout con ce que tu as écris mais ca m'a permis de capter ce que je voyais pas. J'ai lu des tutos mais ça ma toujours echappé la manière dont s'articulait le retour vers l'utilisateur.
Merci, bonne journée