refactor: improve PhoneInput digit normalization and update validation to trigger on blur

This commit is contained in:
estifanos
2026-08-20 08:31:08 +00:00
parent a0560f9cbc
commit 0b03bc45c3
5 changed files with 45 additions and 8 deletions

View File

@@ -111,6 +111,7 @@ export function SignupPage() {
handleSubmit,
watch,
setValue,
trigger,
formState: { errors },
} = useForm<FormValues>({
resolver: zodResolver(schema),
@@ -251,7 +252,8 @@ export function SignupPage() {
label={t('signup.phoneLabel', 'Phone number')}
placeholder={t('signup.phonePlaceholder', '9XX XXX XXX')}
value={watch('phoneNumber') || ''}
onChange={(val) => setValue('phoneNumber', val, { shouldValidate: true })}
onChange={(val) => setValue('phoneNumber', val, { shouldValidate: !!errors.phoneNumber })}
onBlur={() => trigger('phoneNumber')}
error={errors.phoneNumber?.message}
/>