Email zweimal eingeben

src/modules/EmbeddedRegisterModule.svelte

@@ -6,11 +6,32 @@
 	export let onRegister: (response: { email: string, name: string, vorname: string }) => void;
 	export let password: string;
 	export let email: string;
+	
 	let vorname: string;
 	let name: string;
+	let repeatEmail: string;
 
 	async function signUp(e: SubmitEvent) {
 		e.preventDefault()
+
+		if (password.length < 8) {
+			addNotification({
+				message: "Passwort muss mindestens 8 Zeichen enthalten.",
+				dismissable: true,
+				timeout: 3000,
+				type: "error"
+			})
+			return;
+		} else if (email !== repeatEmail) {
+			addNotification({
+				message: "Die eingegebenen Email Adressen stimmen nicht überein.",
+				dismissable: true,
+				timeout: 3000,
+				type: "error"
+			})
+			return;
+		}
+
 		try {
 			const response = await api.user.PUT.fetch({
 				email,
@@ -68,7 +89,7 @@
 			<h4>Email</h4>
 			<input
 				type="email"
-				placeholder="Email"
+				placeholder="max.mustermann@email.de"
 				name="email"
 				class="px-2.5 py-1.5 rounded-lg border bg-gray-50"
 				bind:value={email}
@@ -76,6 +97,18 @@
 				required
 			/>
 		</div>
+		<div>
+			<h4>Email erneut eingeben</h4>
+			<input
+				type="email"
+				placeholder="max.mustermann@email.de"
+				name="repeat-email"
+				class="px-2.5 py-1.5 rounded-lg border bg-gray-50"
+				bind:value={repeatEmail}
+				on:keyup={() => (repeatEmail = repeatEmail.toLowerCase())}
+				required
+			/>
+		</div>
 		<div>
 			<h4>Passwort</h4>
 			<input

src/modules/RegisterModule.svelte

@@ -9,6 +9,7 @@
 	let email: string;
 	let vorname: string;
 	let name: string;
+	let repeatEmail: string;
 
 	export let redirect: string | null = null;
 
@@ -22,6 +23,14 @@
 				type: "error"
 			})
 			return;
+		} else if (email !== repeatEmail) {
+			addNotification({
+				message: "Die eingegebenen Email Adressen stimmen nicht überein.",
+				dismissable: true,
+				timeout: 3000,
+				type: "error"
+			})
+			return;
 		}
 
 		try {
@@ -78,7 +87,7 @@
 			<h4>Email</h4>
 			<input
 				type="text"
-				placeholder="Email"
+				placeholder="max.mustermann@email.de"
 				name="email"
 				class="input input-bordered text-base text-base-content font-medium"
 				bind:value={email}
@@ -86,6 +95,18 @@
 				required
 			/>
 		</div>
+		<div class="flex flex-col gap-2">
+			<h4>Email erneut eingeben</h4>
+			<input
+				type="text"
+				placeholder="max.mustermann@email.de"
+				name="email"
+				class="input input-bordered text-base text-base-content font-medium"
+				bind:value={repeatEmail}
+				on:keyup={() => (repeatEmail = repeatEmail.toLowerCase())}
+				required
+			/>
+		</div>
 		<div class="flex flex-col gap-2">
 			<h4>Passwort</h4>
 			<input