From 893c900f682369b0dbf37ff124b7a35d1b5d1601 Mon Sep 17 00:00:00 2001
From: Linnnus <linnnus@users.noreply.github.com>
Date: Tue, 2 Apr 2024 19:21:31 +0200
Subject: Add basic client-side validation to join-form

This patch adds some basic form-validation to the HTML for the join
page, namely making every input `required`.

I also took this opportunity to ensure the top-most option for roles
(DPS) isn't auto-selected. That could lead to some applicants skipping
the input field, since it's already filled with a (potentially wrong)
value.
---
 views/join.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

(limited to 'views')

diff --git a/views/join.html b/views/join.html
index 6046e89..d899b2d 100644
--- a/views/join.html
+++ b/views/join.html
@@ -16,7 +16,7 @@
 				If your application is accepted, we will accept your in-game guild application.
 				Please make sure you have supmitted such an application in the game's UI.
 			</p>
-			<input class="signup__input" type="text" id="name" placeholder="PoopenFarten43">
+			<input class="signup__input" type="text" id="name" required placeholder="PoopenFarten43">
 		</div>
 		<div class="signup__box">
 			<label class="signup__label" for="preferredRole">Preferred role</label>
@@ -25,7 +25,8 @@
 				As such it's important for us to know which role you like to play as.
 				Please feel free to elaborate in text box below.
 			</p>
-			<select class="signup__input" id="preferredRole">
+			<select required class="signup__input" id="preferredRole">
+				<option selected disabled>Choose a preferred role</option>
 				<option value="dps">DPS</option>
 				<option value="tank">Tank</option>
 				<option value="healer">Healer</option>
@@ -38,7 +39,7 @@
 				Keep in mind that we get a lot of applications for our guild;
 				a simple "i like vidya" won't get you through the golden gates!
 			</p>
-			<textarea class="signup__input" id="motivation" rows="20" placeholder="I would like to join because..."></textarea>
+			<textarea required class="signup__input" id="motivation" rows="20" placeholder="I would like to join because..."></textarea>
 		</div>
 		<div>
 			<button class="signup__submit" type="submit">Submit</button>
-- 
cgit v1.2.3