feat: validate format of participant emails

2024-10-22 17:39:09 +02:00
parent bb71340093
commit 03258262b1
2 changed files with 8 additions and 1 deletions
@@ -420,8 +420,15 @@
            validateInput () {
                let messages = [];
                this.invalidParticipantData = {};
+                const emailPattern = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/
                for (let participant of this.participantData) {
                    let participantId = participant.data.id;
+                    if (!emailPattern.test(participant.data.email)) {
+                        this.invalidParticipantData[participantId] = {
+                            invalid: 'E-Mail',
+                        };
+                        messages.push('Teilnehmer #'+participantId+': ungültige E-Mail-Adresse')
+                    }
                    if (!participant.data.nationality) {
                        this.invalidParticipantData[participantId] = {
                            invalid: 'Nationalität',
@@ -14,7 +14,7 @@
      >
      <input class="border-zinc-400 focus:border-zinc-800 ring-0 focus:ring-0 mt-1 w-full"
             :class="{'cursor-not-allowed': !mutable }"
-             type="text" placeholder="E-Mail"
+             type="email" placeholder="E-Mail"
             v-model="participant.data.email" :disabled="!mutable"
             @change="$emit('updated', participant)"
      >