From 5097d3d1635c045ca32ab95e302e0f3c62478bf3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= Date: Wed, 10 Jun 2026 18:23:00 +0200 Subject: [PATCH] Require both fields for register button --- patterns/vsf-register-step-1.html | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/patterns/vsf-register-step-1.html b/patterns/vsf-register-step-1.html index 715ec44..e0f9ef4 100644 --- a/patterns/vsf-register-step-1.html +++ b/patterns/vsf-register-step-1.html @@ -160,12 +160,12 @@ } const updateRegisterButtonState = () => { - const hasTextInput = Array.from(formCard.querySelectorAll('input[type="email"], input[type="password"]')) - .some((field) => field.value.trim().length > 0); + const requiredFields = Array.from(formCard.querySelectorAll('input[type="email"], input[type="password"]')); + const allFieldsFilled = requiredFields.every((field) => field.value.trim().length > 0); - registerButton.disabled = !hasTextInput; - registerButton.setAttribute('aria-disabled', String(!hasTextInput)); - registerButton.classList.toggle('sg-button--process-inactive', !hasTextInput); + registerButton.disabled = !allFieldsFilled; + registerButton.setAttribute('aria-disabled', String(!allFieldsFilled)); + registerButton.classList.toggle('sg-button--process-inactive', !allFieldsFilled); }; formCard.querySelectorAll('input[type="email"], input[type="password"]').forEach((field) => {