Add window.applyFormMessages

assets/js/forms.js

@@ -9,3 +9,21 @@ document.addEventListener('DOMContentLoaded', () => {
         }
     });
 });
+
+window.applyFormMessages = function (formElement, messages) {
+    for (const fieldName of Object.keys(messages)) {
+        const field = formElement.querySelector('#field-' + fieldName);
+        let parent = field.parentElement;
+        while (parent && !parent.classList.contains('form-field')) parent = parent.parentElement;
+
+        if (field) {
+            let err = field.querySelector('.error');
+            if (!err) {
+                err = document.createElement('div');
+                err.classList.add('error');
+                parent.insertBefore(err, parent.querySelector('.hint') || parent);
+            }
+            err.innerHTML = `<i data-feather="x-circle"></i> ${messages[fieldName].message}`;
+        }
+    }
+}