js complete to hide error msg on changed user input

This commit is contained in:
Disco DeDisco
2026-01-27 17:18:59 -05:00
parent e699c18321
commit adf0ca3d25
2 changed files with 5 additions and 4 deletions

View File

@@ -1,10 +1,9 @@
console.log("apps/scripts/dashboard.js loading"); console.log("apps/scripts/dashboard.js loading");
const initialize = (inputSelector, errorSelector) => { const initialize = (inputSelector) => {
console.log("initialize called!"); console.log("initialize called!");
const textInput = document.querySelector(inputSelector); const textInput = document.querySelector(inputSelector);
textInput.oninput = () => { textInput.oninput = () => {
console.log("oninput triggered"); console.log("oninput triggered");
const errorMsg = document.querySelector(errorSelector); textInput.classList.remove("is-invalid");
errorMsg.style.display = "none";
}; };
}; };

View File

@@ -53,7 +53,9 @@
<script src="/static/apps/scripts/dashboard.js"></script> <script src="/static/apps/scripts/dashboard.js"></script>
<script> <script>
initialize("#id_text", ".invalid-feedback"); window.onload = () => {
initialize("#id_text");
};
</script> </script>
</html> </html>