Form validation happens on submit

fixes #52
p-sam · Jan 14, 2020 · efb3cba · efb3cba
1 parent 9f2a978
commit efb3cba
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/lib/page/prompt.css b/lib/page/prompt.css
@@ -51,7 +51,8 @@ select#data {
     padding: 0 .5em 0 0;
 }
 
-#buttons > button {
+#buttons > button,
+#buttons > input[type=submit] {
     border-radius: 2px;
     border: 0;
     margin: 0 0 0 .5em;

diff --git a/lib/page/prompt.html b/lib/page/prompt.html
@@ -4,14 +4,14 @@
     </head>
     <body>
         <div id="container">
-            <div id="form">
+            <form id="form">
                 <div id="label">...</div>
                 <div id="data-container"></div>
                 <div id="buttons">
                     <button id="cancel">Cancel</button>
-                    <button id="ok">OK</button>
+                    <button type="submit" id="ok">OK</button>
                 </div>
-            </div>
+            </form>
         </div>
         <script src="prompt.js"></script>
     </body>

diff --git a/lib/page/prompt.js b/lib/page/prompt.js
@@ -77,8 +77,8 @@ docReady(() => {
 		return promptError(error);
 	}
 
-	document.querySelector('#ok').addEventListener('click', () => promptSubmit());
-	document.querySelector('#cancel').addEventListener('click', () => promptCancel());
+	document.querySelector('#form').addEventListener('submit', promptSubmit);
+	document.querySelector('#cancel').addEventListener('click', promptCancel);
 
 	const dataContainerEl = document.querySelector('#data-container');