Skip to content
Snippets Groups Projects
Commit d8eef779 authored by Raditss's avatar Raditss
Browse files

fix bug create submit

parent 1b788970
Branches
Tags
No related merge requests found
const createBtn = document.querySelector("#create-btn");
const languageNameInput = document.querySelector("#language-input");
const form = document.querySelector("#my-form");
document.getElementById('language-input').addEventListener('input', checkLanguage);
......@@ -97,4 +98,12 @@ function saveImageToRepository(imageFile) {
languagePicture.src = rootData;
})
.catch(error => console.error('Error:', error));
}
\ No newline at end of file
}
form.addEventListener('submit', (event) => {
if (document.getElementById("language-input").style.borderColor !== "green") {
event.preventDefault();
document.getElementById("language-input").style.borderColor = "red";
document.getElementById('language-error').innerHTML = "Language cannot be empty";
}
});
\ No newline at end of file
const form = document.querySelector('#my-form');
const createBtn = document.querySelector("#create-btn");
const moduleNameInput = document.querySelector("#module-input");
const categoryInput = document.querySelector("#category-input");
......@@ -75,34 +76,9 @@ function checkAll() {
}
}
// languageNameInput.addEventListener("blur", () => {
// if (languageNameInput.value) {
// createBtn.classList.remove("disable");
// createBtn.disabled = false;
// } else {
// createBtn.classList.add("disable");
// createBtn.disabled = true;
// }
// })
function validate() {
if (moduleNameInput.value && categoryInput.value && orderInput.value) {
createBtn.classList.remove("disable");
createBtn.disabled = false;
} else {
createBtn.classList.add("disable");
createBtn.disabled = true;
form.addEventListener('submit', (event) => {
if (document.getElementById("module-input").style.borderColor == "red" || document.getElementById("category-input").style.borderColor == "red" || document.getElementById("order-input").style.borderColor == "red") {
event.preventDefault();
// Add code to display an error message to the user
}
}
moduleNameInput.addEventListener("blur", () => {
validate();
});
categoryInput.addEventListener("blur", () => {
validate();
});
orderInput.addEventListener("blur", () => {
validate();
});
\ No newline at end of file
......@@ -123,4 +123,11 @@ descInput.addEventListener("blur", () => {
orderInput.addEventListener("blur", () => {
validate();
});
createBtn.addEventListener('click', (event) => {
if (document.getElementById("name-input").style.borderColor !== "green" || document.getElementById("order-input").style.borderColor !== "green") {
event.preventDefault();
// Add code to display an error message to the user
}
});
\ No newline at end of file
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment