diff --git a/public/main.mjs b/public/main.mjs
index 4719c44..dd76485 100644
--- a/public/main.mjs
+++ b/public/main.mjs
@@ -124,6 +124,16 @@ function reloadTable() {
 
 
 
+createDialog.addEventListener("input", function(event) {
+    if (event.target.value === "") {
+        event.target.setCustomValidity("Please enter a value");
+    } else {
+        event.target.setCustomValidity("");
+    }
+
+    event.target.checkValidity();
+});
+
 createDialog.addEventListener("submit", function() {
     let columns = createDialog.querySelector("#cols").valueAsNumber;
     let rows = createDialog.querySelector("#rows").valueAsNumber;