js complete to hide error msg on changed user input
This commit is contained in:
@@ -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";
|
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
@@ -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>
|
||||||
Reference in New Issue
Block a user