diff options
| author | Linnnus <[email protected]> | 2024-04-02 19:21:31 +0200 |
|---|---|---|
| committer | Linnnus <[email protected]> | 2024-04-02 19:50:14 +0200 |
| commit | 893c900f682369b0dbf37ff124b7a35d1b5d1601 (patch) | |
| tree | 5174d4686481e0c76e74a490b266704bc822834c | |
| parent | 1b15ed2162e005e0c31f87fc89a6607419d10603 (diff) | |
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.
| -rw-r--r-- | views/join.html | 7 |
1 files changed, 4 insertions, 3 deletions
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> |