注册密码格式校验

src/views/login/register.vue

@@ -24,12 +24,15 @@
 							/>
 						</el-form-item>
 						<el-form-item :label="$t('Login.password')" prop="password">
+							<password-tip :value="formData.password" v-show="showPasswordTip" />
 							<el-input
 								name="password"
 								v-model="formData.password"
 								:placeholder="$t('Login.enterPassword')"
 								type="password"
 								show-password
+								@blur="showPasswordTip = false"
+								@focus="showPasswordTip = true"
 							/>
 						</el-form-item>
 						<el-form-item :label="$t('Login.email')" prop="email">
@@ -73,16 +76,18 @@
 	import { validateName, validateEmail, validatePass, validatePrivacy } from './tools'
 	import OtherLogin from './other-login.vue'
 	import VisibleCode from './visible-code.vue'
+	import PasswordTip from './password-tip.vue'
 	import { useUserInfoStore } from '@/stores'
 	const userInfoStore = useUserInfoStore()
 	const router = useRouter()
 	const ruleForm = reactive({
-		name: [{ validator: validateName, trigger: 'blur' }],
-		email: [{ validator: validateEmail, trigger: 'blur' }],
-		password: [{ validator: validatePass, trigger: 'blur' }],
+		name: [{ validator: validateName, trigger: 'change' }],
+		email: [{ validator: validateEmail, trigger: 'change' }],
+		password: [{ validator: validatePass, trigger: 'change' }],
 		privacy: [{ validator: validatePrivacy, trigger: 'change' }]
 	})
 	const isVisible = ref(false)
+	const showPasswordTip = ref(false)
 	const formData = reactive({
 		name: '',
 		email: '',