senset/reCoreD-UI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

use flags for validate

Browse Source
This commit is contained in:
Sense T 2024-04-09 08:25:01 +08:00
parent 33c9050653
commit 0c197820a0
1 changed files with 22 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
web/src/components/domains/DomainEditModal.vue
View File

@ -63,7 +63,7 @@
{{ t('common.cancel') }} {{ t('common.cancel') }}
</NButton> </NButton>
<NSpin :show="loading"> <NSpin :show="loading">
<NButton size="small" type="primary" :disabled="loading || invalidData" @click="confirm"> <NButton size="small" type="primary" :disabled="loading || invalidData !== allFlags" @click="confirm" attr-type="submit">
<template #icon> <template #icon>
<NIcon> <NIcon>
<Check /> <Check />
@ -99,6 +99,14 @@ import {
} from 'naive-ui' } from 'naive-ui'
import { ref, watch } from 'vue'; import { ref, watch } from 'vue';
import { useI18n } from 'vue-i18n'; import { useI18n } from 'vue-i18n';
const enum validFlags {
domainNameValid = 1,
mainNsValid = domainNameValid << 1,
adminEmailValid = mainNsValid << 1
}
const allFlags = validFlags.adminEmailValid|validFlags.mainNsValid|validFlags.domainNameValid
const { t } = useI18n() const { t } = useI18n()
const props = defineProps<{ const props = defineProps<{
@ -108,7 +116,7 @@ const props = defineProps<{
const show = defineModel<boolean>('show', { default: false }) const show = defineModel<boolean>('show', { default: false })
const loading = ref(false) const loading = ref(false)
const invalidData = ref(false) const invalidData = ref(0)
const rules = { const rules = {
domain_name: [{ domain_name: [{
required: true, required: true,
@ -117,7 +125,8 @@ const rules = {
return validate( return validate(
value, value,
/([\w-]+\.)+[\w-]+/, /([\w-]+\.)+[\w-]+/,
'domains.errors.domainName' 'domains.errors.domainName',
validFlags.domainNameValid
) )
} }
}], }],
@ -129,7 +138,8 @@ const rules = {
return validate( return validate(
value, value,
/([\w-]+\.)+[\w-]+/, /([\w-]+\.)+[\w-]+/,
'domains.errors.domainName' 'domains.errors.domainName',
validFlags.mainNsValid,
) )
} }
}], }],
@ -140,7 +150,8 @@ const rules = {
return validate( return validate(
value, value,
/[\w-.]+@([\w-]+\.)+[\w-]+/, /[\w-.]+@([\w-]+\.)+[\w-]+/,
'domains.errors.mail' 'domains.errors.mail',
validFlags.adminEmailValid
) )
} }
}], }],
@ -184,17 +195,19 @@ async function confirm() {
loading.value = false loading.value = false
} }
function validate(value: string, reg: RegExp, msg: string): Promise<void> { function validate(value: string, reg: RegExp, msg: string, flag: validFlags): Promise<void> {
return new Promise<void>((resolve, reject) => { return new Promise<void>((resolve, reject) => {
invalidData.value = true
if (!value) { if (!value) {
invalidData.value &= ~flag
reject(Error(t('common.mandatory'))) reject(Error(t('common.mandatory')))
} else if (!reg.test(value)) { } else if (!reg.test(value)) {
invalidData.value &= ~flag
reject(Error(t(msg))) reject(Error(t(msg)))
} else { } else {
invalidData.value = false invalidData.value |= flag
resolve() resolve()
} }
console.log(invalidData.value === allFlags)
}) })
} }