apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-10-26 01:32:18 +02:00
Code Issues Packages Projects Releases Wiki Activity

UI: Add validator for CIDR being passed (#11465)

Browse Source
This commit is contained in:
Pearl Dsilva 2025-10-13 05:18:32 -04:00 committed by GitHub
parent a5a934dac1
commit 0e93ae3bdf
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 24 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
ui/src/utils/util.js
View File

@ -102,3 +102,24 @@ export function toCsv ({ keys = null, data = null, columnDelimiter = ',', lineDe
return result
}
export function isValidIPv4Cidr (rule, value) {
return new Promise((resolve, reject) => {
if (!value) {
reject(new Error())
return
}
const cidrRegex = /^(\d{1,3}\.){3}\d{1,3}\/([0-9]|[1-2][0-9]|3[0-2])$/
if (!cidrRegex.test(value)) {
reject(new Error('Invalid CIDR format'))
return
}
const ip = value.split('/')[0]
const octets = ip.split('.').map(Number)
if (octets.some(octet => octet < 0 || octet > 255)) {
reject(new Error('Invalid CIDR format'))
return
}
resolve()
})
}

4
ui/src/views/network/CreateVpc.vue
View File

@ -220,6 +220,7 @@
import { ref, reactive, toRaw } from 'vue'
import { getAPI, postAPI } from '@/api'
import { isAdmin, isAdminOrDomainAdmin } from '@/role'
import { isValidIPv4Cidr } from '@/utils/util.js'
import ResourceIcon from '@/components/view/ResourceIcon'
import TooltipLabel from '@/components/widgets/TooltipLabel'
import OwnershipSelection from '@/views/compute/wizard/OwnershipSelection.vue'
@ -291,6 +292,7 @@ export default {
this.rules = reactive({
name: [{ required: true, message: this.$t('message.error.required.input') }],
zoneid: [{ required: true, message: this.$t('label.required') }],
cidr: [{ validator: isValidIPv4Cidr }],
vpcofferingid: [{ required: true, message: this.$t('label.required') }]
})
},
@ -417,7 +419,7 @@ export default {
},
updateCidrRule () {
if (!this.selectedVpcOfferingHavingRoutedNetworkMode) {
this.rules.cidr = [{ required: true, message: this.$t('message.error.required.input') }]
this.rules.cidr = [{ required: true, message: this.$t('message.error.required.input') }, { validator: isValidIPv4Cidr }]
} else {
delete this.rules.cidr
}