Différences

Ci-dessous, les différences entre deux révisions de la page.

--- dev:javascript:core:fondamentaux [2024/10/12 16:01] – yoann
+++ dev:javascript:core:fondamentaux [2024/10/13 11:24] (Version actuelle) – yoann
@@ Ligne 276: / Ligne 276: @@
   * L’ événement "submit" : lorsque l'utilisateur valide le formulaire.
+===== Gestion des erreurs =====
+Javascript utilise la gestion des exceptions via les instructions **try** / **catch** et **throw**. Ce système permet notamment de reporter/centraliser la gestion des erreurs.
+<code javascript>
+function verifyFormField(a_field) {
+    if (a_field.value === "") {
+        throw new Error(`Le champ ${a_field.id} est vide`)
+    }
+}
+</code>
+La fonction définie ci-dessus pourra être appelée n fois dans le code pour chaque champ du formulaire mais selon les besoins, la gestion des erreurs pourra être différente :
+<code javascript>
+let form = document.querySelector("form")
+form.addEventListener("submit", (event) => {
+    try {
+        event.preventDefault();
+        let name_field = document.getElementById("name");
+        verifyFormField(name_field);
+        let mail_field = document.getElementById("email");
+        verifyFormField(mail_field);
+        // traitements du formulaire
+        // ...
+    } catch (error) {
+        //gestion des erreurs centralisée et adaptée à l'application ici
+        console.log("Une erreur est survenue : " + error.message)
+    }
+})
+</code>

wikinotes