パスワードを最低8文字にする #26

Author: sinproject-iwasaki

.vscode/settings.json

@@ -1,6 +1,7 @@
 {
 	"cSpell.words": [
 		"instanceof",
+		"minlength",
 		"onfocus",
 		"sveltejs",
 		"sveltekit"

src/routes/register/+page.server.ts

@@ -15,11 +15,12 @@ export const load: PageServerLoad = async ({ locals }) => {
 export const actions: Actions = {
 	default: async ({ request }) => {
 		const data = await request.formData()
-		const username = data.get('username') as string
-		const email = data.get('email') as string
-		const password = data.get('password') as string
+		const username = data.get('username')?.toString() ?? ''
+		const email = data.get('email')?.toString() ?? ''
+		const password = data.get('password')?.toString() ?? ''
+		const password_is_valid = password.length >= 8
 
-		if (!username || !email || !password) return invalid(404, { missing: true })
+		if (!username || !email || !password_is_valid) return invalid(404, { missing: true })
 
 		try {
 			await db.user.create({

src/routes/register/+page.svelte

@@ -27,7 +27,7 @@
 		bind:this={username_element}
 	/>
 	<input type="email" name="email" placeholder="email" required />
-	<input type="password" name="password" placeholder="Password" required />
+	<input type="password" name="password" placeholder="Password" required minlength="8" />
 
 	{#if form?.missing}<p class="error">Username, email and password is required.</p>{/if}
 	{#if form?.user_exists}<p class="error">Username or email is used.</p>{/if}