From e8aff6f4451bd50e6e5b374f1e5a2c376295de16 Mon Sep 17 00:00:00 2001
From: Wei Zhou <weizhou@apache.org>
Date: Tue, 3 Jan 2023 15:50:34 +0100
Subject: [PATCH] UI: user must specify the start of guest vlan range for
 advanced zone (#7038)

---
 ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue b/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue
index 515be333f98..4c0d2c137e6 100644
--- a/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue
+++ b/ui/src/views/infra/zone/AdvancedGuestTrafficForm.vue
@@ -156,7 +156,7 @@ export default {
 
       this.formRef.value.validate().then(() => {
         const values = toRaw(this.form)
-        if (!this.checkFromTo(values.vlanRangeStart, values.vlanRangeEnd)) {
+        if (!values.vlanRangeStart || (values.vlanRangeEnd && !this.checkFromTo(values.vlanRangeStart, values.vlanRangeEnd))) {
           this.validStatus = 'error'
           this.validMessage = this.$t('message.error.vlan.range')
           return
@@ -185,7 +185,7 @@ export default {
         toVal = value
         fromVal = this.form[rule.compare]
       }
-      if (!this.checkFromTo(fromVal, toVal)) {
+      if (fromVal && toVal && !this.checkFromTo(fromVal, toVal)) {
         this.validStatus = 'error'
         this.validMessage = this.$t('message.error.vlan.range')
       }