Require both fields for register button
This commit is contained in:
@@ -160,12 +160,12 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
const updateRegisterButtonState = () => {
|
const updateRegisterButtonState = () => {
|
||||||
const hasTextInput = Array.from(formCard.querySelectorAll('input[type="email"], input[type="password"]'))
|
const requiredFields = Array.from(formCard.querySelectorAll('input[type="email"], input[type="password"]'));
|
||||||
.some((field) => field.value.trim().length > 0);
|
const allFieldsFilled = requiredFields.every((field) => field.value.trim().length > 0);
|
||||||
|
|
||||||
registerButton.disabled = !hasTextInput;
|
registerButton.disabled = !allFieldsFilled;
|
||||||
registerButton.setAttribute('aria-disabled', String(!hasTextInput));
|
registerButton.setAttribute('aria-disabled', String(!allFieldsFilled));
|
||||||
registerButton.classList.toggle('sg-button--process-inactive', !hasTextInput);
|
registerButton.classList.toggle('sg-button--process-inactive', !allFieldsFilled);
|
||||||
};
|
};
|
||||||
|
|
||||||
formCard.querySelectorAll('input[type="email"], input[type="password"]').forEach((field) => {
|
formCard.querySelectorAll('input[type="email"], input[type="password"]').forEach((field) => {
|
||||||
|
|||||||
Reference in New Issue
Block a user