"Add dynamic validation to customer number input in MyBookingsBook.vue: highlight input field with error styling when missing and required."

2025-11-12 15:47:24 +01:00
parent f5568f849b
commit c91f7acc2a
1 changed files with 2 additions and 1 deletions
@@ -1003,7 +1003,8 @@ const hasSelectedTime = computed(() => {
                  <label class="label">Kundenummer</label>
                  <div class="field">
                    <div class="control">
-                      <input id="customer-number" class="input" type="number" placeholder="Angiv kundenummer" v-model.number="customerNumber" min="0" />
+                      <input id="customer-number" class="input" :class="{ 'is-danger': !customerNumber && missingFields.includes('Kunde') }"
+                             type="number" placeholder="Angiv kundenummer" v-model.number="customerNumber" min="0" />
                    </div>
                  </div>
                </div>