From: Ardis Lu <ardisglu@gmail.com>
Date: Sat, 1 Apr 2023 23:57:58 +0000 (-0700)
Subject: Add custom message on incorrect password
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=2836d2fb6f0fc89d5872cb2d51fea776531504e3;p=static-encrypt

Add custom message on incorrect password
---

diff --git a/template.html b/template.html
index 71b4afd..95dc4b7 100644
--- a/template.html
+++ b/template.html
@@ -56,15 +56,24 @@
 
   <div>SCRIPT INJECTION</div>
   <script>
+    const input = document.querySelector('input');
+
     document.querySelector('form').addEventListener('submit', async e => {
       e.preventDefault();
       const password = new FormData(e.target).get('password');
-      const newDocument = await decrypt(content, password);
-
-      document.open();
-      document.write(newDocument);
-      document.close();
+      try {
+        const newDocument = await decrypt(content, password);
+        document.open();
+        document.write(newDocument);
+        document.close();
+      }
+      catch {
+        input.setCustomValidity('Incorrect password.');
+        input.reportValidity();
+      }
     });
+
+    input.addEventListener('input', e => e.target.setCustomValidity(''));
   </script>
 </body>