ENCEINTE: Améliorons sur ce dernier par exemple en utilisant un populaire JavaScript bibliothèque appelée jQuery qui permettra nous nettoyons notre code tout en éviter la question, nous avons rencontré antérieure selon laquelle un code que j'ai écrit a été exécuté prématurément avant l' éléments dont j'avais besoin pour exister dans un DOM effectivement existé. 

Remarquez ici dans dom-2.html, j'ai une scénario tag déjà avec un attribut de source dont la valeur est l'adresse URL du dernière version de cette bibliothèque. Ci-dessous, que j'ai une balise script séparé sans source, mais où j'ai quitté salle de réellement écrire une partie de mon propre code. Le code que je voudrais écrire est aussi suit, $, ce qui est vraiment juste notation abrégée pour jQuery elle-même, (document). En d'autres termes, je suis tout simplement en passant que un argument à une fonction appelée jQuery document, le mondial variables, qui existe déjà à l'intérieur de n'importe quelle page web. 

Alors faisons-le. Prêt, appel d'une fonction ou une méthode qui spécifie que le morceau de code suivant devrait être exécuté une seule fois la totalité du document est prêt, en particulier ce fonction anonyme ici. $ "# Demo", qui spécifie que j'aimerais pour obtenir l'élément de mon DOM qui est l'identificateur unique est démo. Et puis une fois que nous avons obtenu cela, nous allons enregistrer avec elle un gestionnaire d'événements pour le soumettre un événement en spécifiant. présenter, passant à cela un anonyme fonction qui attend un argument que nous appelons événement, qui est finalement tout va être une référence de toutes sortes à la réelle cas de soumission juste au cas où nous serions vous souhaitez accéder directement. 

Pendant ce temps, nous allons préciser accolade ouverte et accolade fermée et à l'intérieur de ceux accolades, nous allons écrire le code que nous voulons exécuté quand ce formulaire est soumis. alerter "bonjour", et nous allons concaténer sur de sorte que le résultat de l'appel $ "# name" qui précise que je voudrais avoir l'élément dans mon DOM dont uniques identificateur est le nom. Et appelons maintenant une fonction à l'intérieur de cet objet appelé val qui obtient la valeur textuelle l'utilisateur est tapé po Et nous allons concaténer sur afin que, pour le plaisir, un point d'exclamation. 

Enfin, plutôt que de simplement retourner false comme nous n'avons avant, nous allons être un peu plus explicite et préciser que, étant donné que objet événement, nous aimerions éviter son comportement par défaut en appelant spécifiquement une fonction ou une méthode appelée empêcher défaut comme suit. event.preventDefault. Voyons maintenant enregistrer le fichier et ouvrir dans mon navigateur. http://localhost/dom-2.html 

Il ya cette forme. Laissez-nous d'entrée David. En cliquant sur Envoyer et bonjour, David est de retour.