From d8eef7798c242b8215d778af4f56b8c8cbda2539 Mon Sep 17 00:00:00 2001
From: Raditss <raditya.naufal.a@gmail.com>
Date: Mon, 9 Oct 2023 12:58:22 +0700
Subject: [PATCH] fix bug create submit
---
public/js/create-language.js | 11 ++++++++++-
public/js/create-module.js | 34 +++++-----------------------------
public/js/create-video.js | 7 +++++++
3 files changed, 22 insertions(+), 30 deletions(-)
diff --git a/public/js/create-language.js b/public/js/create-language.js
index d683944..0e1cfb0 100644
--- a/public/js/create-language.js
+++ b/public/js/create-language.js
@@ -1,5 +1,6 @@
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
diff --git a/public/js/create-module.js b/public/js/create-module.js
index 9e47394..aa43c16 100644
--- a/public/js/create-module.js
+++ b/public/js/create-module.js
@@ -1,3 +1,4 @@
+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
diff --git a/public/js/create-video.js b/public/js/create-video.js
index 206a467..5f0878b 100644
--- a/public/js/create-video.js
+++ b/public/js/create-video.js
@@ -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
--
GitLab