diff --git a/src/app/quickaction-dashboard/register-additional-information/company/page.tsx b/src/app/quickaction-dashboard/register-additional-information/company/page.tsx index c5b3f1c..771ea97 100644 --- a/src/app/quickaction-dashboard/register-additional-information/company/page.tsx +++ b/src/app/quickaction-dashboard/register-additional-information/company/page.tsx @@ -272,6 +272,12 @@ export default function CompanyAdditionalInformationPage() { setError('') } + const handlePhoneInput = (e: React.FormEvent) => { + const { name, value } = e.currentTarget + setForm(p => ({ ...p, [name]: value })) + setError('') + } + const validate = () => { const required: (keyof CompanyProfileData)[] = [ 'companyName','companyEmail','companyPhone','contactPersonName','contactPersonPhone', @@ -540,6 +546,7 @@ export default function CompanyAdditionalInformationPage() { name="companyPhone" value={form.companyPhone} onChange={handleChange} + onInput={handlePhoneInput} placeholder="e.g. +43 1 234567" ref={companyPhoneRef} required @@ -565,6 +572,7 @@ export default function CompanyAdditionalInformationPage() { name="contactPersonPhone" value={form.contactPersonPhone} onChange={handleChange} + onInput={handlePhoneInput} placeholder="e.g. +43 676 1234567" ref={contactPhoneRef} required @@ -696,6 +704,7 @@ export default function CompanyAdditionalInformationPage() { name="secondPhone" value={form.secondPhone} onChange={handleChange} + onInput={handlePhoneInput} placeholder="+49 123 456 7890" ref={secondPhoneRef} /> @@ -720,6 +729,7 @@ export default function CompanyAdditionalInformationPage() { name="emergencyPhone" value={form.emergencyPhone} onChange={handleChange} + onInput={handlePhoneInput} placeholder="+49 123 456 7890" ref={emergencyPhoneRef} /> diff --git a/src/app/quickaction-dashboard/register-additional-information/personal/page.tsx b/src/app/quickaction-dashboard/register-additional-information/personal/page.tsx index 428ba2a..6c65571 100644 --- a/src/app/quickaction-dashboard/register-additional-information/personal/page.tsx +++ b/src/app/quickaction-dashboard/register-additional-information/personal/page.tsx @@ -276,6 +276,12 @@ export default function PersonalAdditionalInformationPage() { setError('') } + const handlePhoneInput = (e: React.FormEvent) => { + const { name, value } = e.currentTarget + setForm(p => ({ ...p, [name]: value })) + setError('') + } + const validateDateOfBirth = (dob: string) => { if (!dob) return false @@ -620,6 +626,7 @@ export default function PersonalAdditionalInformationPage() { name="phone" value={form.phone} onChange={handleChange} + onInput={handlePhoneInput} placeholder="e.g. +43 676 1234567" ref={phoneRef} required @@ -753,6 +760,7 @@ export default function PersonalAdditionalInformationPage() { name="secondPhone" value={form.secondPhone} onChange={handleChange} + onInput={handlePhoneInput} placeholder="+43 660 1234567" ref={secondPhoneRef} /> @@ -777,6 +785,7 @@ export default function PersonalAdditionalInformationPage() { name="emergencyPhone" value={form.emergencyPhone} onChange={handleChange} + onInput={handlePhoneInput} placeholder="+43 660 1234567" ref={emergencyPhoneRef} />