From 42fa33e406672eebc41de893134e18a3c92fdeab Mon Sep 17 00:00:00 2001
From: Marcono1234 <Marcono1234@users.noreply.github.com>
Date: Wed, 29 Dec 2021 21:02:04 +0100
Subject: [PATCH] Add client-side HTML form input validation

---
 templates/private/dashboard.html       | 2 +-
 templates/private/data_download.html   | 2 +-
 templates/private/login.html           | 4 ++--
 templates/public/account_creation.html | 8 ++++----
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/templates/private/dashboard.html b/templates/private/dashboard.html
index 3a90294..75497fd 100644
--- a/templates/private/dashboard.html
+++ b/templates/private/dashboard.html
@@ -63,7 +63,7 @@
         {# Key count input #}
         <div class="form-group">
             <label for="key_count">Generate keys</label>
-            <input type="number" class="form-control" name="key_count" placeholder="Enter number of keys...">
+            <input type="number" class="form-control" name="key_count" placeholder="Enter number of keys..." required min="1">
             <small class="form-text text-muted">Number of keys to create.</small>
         </div>
         
diff --git a/templates/private/data_download.html b/templates/private/data_download.html
index 9027720..ebb7dce 100644
--- a/templates/private/data_download.html
+++ b/templates/private/data_download.html
@@ -36,7 +36,7 @@
         {# Account Name input #}
         <div class="form-group">
             <label for="character_name">Character Name</label>
-            <input type="text" class="form-control" name="character_name" placeholder="Enter username...">
+            <input type="text" class="form-control" name="character_name" placeholder="Enter username..." required minlength="1">
             <small class="form-text text-muted">Full character name.</small>
         </div>
 
diff --git a/templates/private/login.html b/templates/private/login.html
index 27490fb..63b53d0 100644
--- a/templates/private/login.html
+++ b/templates/private/login.html
@@ -36,13 +36,13 @@
         {# Admin Username input #}
         <div class="form-group">
             <label for="account_name">Username</label>
-            <input type="text" class="form-control" name="account_name" placeholder="Enter username...">
+            <input type="text" class="form-control" name="account_name" placeholder="Enter username..." required minlength="1">
         </div>
 
         {# Admin password input #}
         <div class="form-group">
             <label for="account_password">Password</label>
-            <input type="password" class="form-control" name="account_password" placeholder="Enter password...">
+            <input type="password" class="form-control" name="account_password" placeholder="Enter password..." required minlength="1">
             <small class="form-text text-muted"></small>
         </div>
 
diff --git a/templates/public/account_creation.html b/templates/public/account_creation.html
index 47856a7..e73ab52 100644
--- a/templates/public/account_creation.html
+++ b/templates/public/account_creation.html
@@ -36,28 +36,28 @@
         {# Play Key input #}
         <div class="form-group">
             <label for="play_key">Play Key</label>
-            <input type="text" class="form-control" name="play_key" aria-describedby="emailHelp" placeholder="AAAA-BBBB-CCCC-DDDD" value="{{ key }}">
+            <input type="text" class="form-control" name="play_key" aria-describedby="emailHelp" placeholder="AAAA-BBBB-CCCC-DDDD" value="{{ key }}" required pattern="([A-Z0-9]{4}-){3}[A-Z0-9]{4}">
             <small class="form-text text-muted">In the format: AAAA-BBBB-CCCC-DDDD</small>
         </div>
 
         {# Account Name input #}
         <div class="form-group">
             <label for="account_name">Username</label>
-            <input type="text" class="form-control" name="account_name" placeholder="Enter username...">
+            <input type="text" class="form-control" name="account_name" placeholder="Enter username..." required pattern="[a-zA-Z0-9]{1,32}">
             <small class="form-text text-muted">Limited to a-z, A-Z, and 0-9. No spaces or special characters. Max 32 characters.</small>
         </div>
 
         {# Account Password input #}
         <div class="form-group">
             <label for="account_password">Password</label>
-            <input type="password" class="form-control" name="account_password" placeholder="Enter password...">
+            <input type="password" class="form-control" name="account_password" placeholder="Enter password..." required minlength="4">
             <small class="form-text text-muted"></small>
         </div>
         
         {# Account Repeat Password input #}
         <div class="form-group">
             <label for="account_repeat_password">Repeat Password</label>
-            <input type="password" class="form-control" name="account_repeat_password" placeholder="Repeat password...">
+            <input type="password" class="form-control" name="account_repeat_password" placeholder="Repeat password..." required minlength="4">
             <small class="form-text text-muted"></small>
         </div>