From 7454e5bb477221032aabbfb06f72df40851c20ec Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Hozman?= <tomas.hozman@pm.me>
Date: Fri, 25 Nov 2022 23:26:17 +0100
Subject: [PATCH] input validation
---
content/index.html | 18 +++++++++++++-----
content/static/js/main.js | 6 ++++++
2 files changed, 19 insertions(+), 5 deletions(-)
diff --git a/content/index.html b/content/index.html
index 831951a..8787300 100644
--- a/content/index.html
+++ b/content/index.html
@@ -76,17 +76,19 @@
Vyplň náš jednoduchý formulář, stáhni si ho v PDF a pošli ho datovkou nebo dones osobně na úřad. Neboj se - vážíme si tvého soukromí, nesbíráme žádná osobní data a vše zpracovává výhradně tvůj prohlížeč.
</p>
- <div id="form-wrapper">
+ <form id="form-wrapper">
<div class="input-group input-group-2">
<input
type="text"
id="name"
placeholder="Jméno *"
+ required
>
<input
type="text"
id="surname"
placeholder="Příjmení *"
+ required
>
</div>
@@ -98,6 +100,7 @@
type="date"
id="birth-date"
name="birth-date"
+ required
>
</div>
@@ -111,6 +114,7 @@
type="text"
id="street"
placeholder="Ulice, popisné a orientační č. *"
+ required
>
<div class="input-group input-group-2">
@@ -118,12 +122,14 @@
type="text"
id="city"
placeholder="Obec *"
+ required
>
<input
type="text"
id="zip"
placeholder="PSČ *"
+ required
>
</div>
@@ -150,14 +156,16 @@
<option>2. kolo</option>
</select>
- <button id="create-filled-form">
- Podepsat
- </button>
+ <input
+ type="submit"
+ id="create-filled-form"
+ value="Podepsat"
+ >
<small>
<i>* Povinné</i>
</small>
- </div>
+ </form>
</div>
<div id="step2">
diff --git a/content/static/js/main.js b/content/static/js/main.js
index 9e4bffe..a3fe433 100644
--- a/content/static/js/main.js
+++ b/content/static/js/main.js
@@ -348,6 +348,12 @@ $(window).ready(
$("#create-filled-form").on(
"click",
async (event) => {
+ if ($("#form-wrapper")[0].checkValidity()) {
+ event.preventDefault();
+ } else {
+ return;
+ }
+
$("#form-wrapper input,#form-wrapper select").attr("disabled", true);
// We already know this, don't waste time looking it up.
// Repeating ourselves once is fine here.
--
GitLab