diff --git a/frontend/src/views/setting/safe/mfa/index.vue b/frontend/src/views/setting/safe/mfa/index.vue
index 761bef167..26cb6c71c 100644
--- a/frontend/src/views/setting/safe/mfa/index.vue
+++ b/frontend/src/views/setting/safe/mfa/index.vue
@@ -114,6 +114,7 @@ const form = reactive({
 
 const rules = reactive({
     code: [Rules.requiredInput],
+    title: [Rules.simpleName],
     interval: [Rules.number, checkNumberRange(15, 60)],
 });
 
@@ -138,11 +139,10 @@ const onCopy = async () => {
 
 const loadMfaCodeBefore = async (formEl: FormInstance | undefined) => {
     if (!formEl) return;
-    const result = await formEl.validateField('interval', callback);
-    if (!result) {
-        return;
-    }
-    loadMfaCode();
+    formEl.validate(async (valid) => {
+        if (!valid) return;
+        loadMfaCode();
+    });
 };
 const loadMfaCode = async () => {
     let param = {
@@ -154,14 +154,6 @@ const loadMfaCode = async () => {
     qrImage.value = res.data.qrImage;
 };
 
-function callback(error: any) {
-    if (error) {
-        return error.message;
-    } else {
-        return;
-    }
-}
-
 const onBind = async (formEl: FormInstance | undefined) => {
     if (!formEl) return;
     formEl.validate(async (valid) => {