br0kenpixel/isop-mirror
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: enhance phone input validation in registration form

Browse Source
This commit is contained in:
Veronika Fehérvíziová
2025-12-02 20:27:59 +01:00
parent b612c0f873
commit 2b31c1d2ad
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/app/pages/register/company.vue
View File

@@ -19,7 +19,8 @@ useSeoMeta({
const rules = { const rules = {
required: (v: any) => (!!v && String(v).trim().length > 0) || 'Povinné pole', required: (v: any) => (!!v && String(v).trim().length > 0) || 'Povinné pole',
email: (v: string) => /.+@.+\..+/.test(v) || 'Zadajte platný email', email: (v: string) => /.+@.+\..+/.test(v) || 'Zadajte platný email',
phone: (v: string) => (!v || /^[0-9 +()-]{6,}$/.test(v)) || 'Zadajte platné telefónne číslo', phone: (v: string) =>
(!v || /^\+[0-9]{6,13}$/.test(v)) || 'Zadajte platné telefónne číslo. Príklad: +421908123456',
mustAgree: (v: boolean) => v === true || 'Je potrebné súhlasiť', mustAgree: (v: boolean) => v === true || 'Je potrebné súhlasiť',
}; };
@@ -101,8 +102,8 @@ async function handleRegistration() {
density="comfortable" /> density="comfortable" />
<v-text-field v-model="form.email" :rules="[rules.required, rules.email]" label="Email:" <v-text-field v-model="form.email" :rules="[rules.required, rules.email]" label="Email:"
variant="outlined" density="comfortable" /> variant="outlined" density="comfortable" />
<v-text-field v-model="form.phone" :rules="[rules.phone]" label="Telefón:" variant="outlined" <v-text-field v-model="form.phone" :rules="[rules.phone]" label="Telefón (s predvoľbou):"
density="comfortable" /> variant="outlined" density="comfortable" />
<v-checkbox v-model="form.consent" :rules="[rules.mustAgree]" <v-checkbox v-model="form.consent" :rules="[rules.mustAgree]"
label="Súhlasím s podmienkami spracúvania osobných údajov" density="comfortable" /> label="Súhlasím s podmienkami spracúvania osobných údajov" density="comfortable" />