更新了登陆页面的css样式,没那么抽象了

This commit is contained in:
2025-06-14 14:27:41 +08:00
parent 8c69f3c29f
commit 0317061c4d
3 changed files with 48 additions and 145 deletions

View File

@@ -83,52 +83,6 @@ const showError = ref(false)
const errorTitle = ref('错误提示')
const errorMessage = ref('')
const validateUsername = () => {
if (!username.value) {
usernameError.value = '请输入QQ号码'
return false
}
if (!/^[/\d/g]+$/.test(username.value)) {
usernameError.value = 'QQ号码只能包含数字'
return false
}
if (username.value.length < 4) {
usernameError.value = 'QQ号码长度不能小于4个字符'
return false
}
usernameError.value = ''
return true
}
const validatePassword = () => {
if (!password.value) {
passwordError.value = '请输入密码'
return false
}
if (password.value.length < 4) {
passwordError.value = '密码长度不能小于4个字符'
return false
}
if (password.value.length > 20) {
passwordError.value = '密码长度不能超过20个字符'
return false
}
passwordError.value = ''
return true
}
const validateCaptcha = () => {
if (!captcha.value) {
captchaError.value = '请输入验证码'
return false
}
if (captcha.value.length !== 4) {
captchaError.value = '验证码长度不正确'
return false
}
captchaError.value = ''
return true
}
const isFormValid = computed(() => {
return !usernameError.value &&

View File

@@ -90,60 +90,6 @@ const showErrorMessage = (message, title = '错误提示') => {
showError.value = true
}
// 表单验证规则
const validateUsername = () => {
if (!username.value) {
usernameError.value = '请输入QQ号码'
return false
}
// 只允许纯数字
if (!/^\d+$/.test(username.value)) {
usernameError.value = 'QQ号只能包含数字'
return false
}
usernameError.value = ''
return true
}
const validatePassword = () => {
if (!password.value) {
passwordError.value = '请输入密码'
return false
}
if (password.value.length < 6) {
passwordError.value = '密码长度不能小于6个字符'
return false
}
passwordError.value = ''
return true
}
const validateConfirmPassword = () => {
if (!confirmPassword.value) {
confirmPasswordError.value = '请再次输入密码'
return false
}
if (confirmPassword.value !== password.value) {
confirmPasswordError.value = '两次输入的密码不一致'
return false
}
confirmPasswordError.value = ''
return true
}
const validateCaptcha = () => {
if (!captcha.value) {
captchaError.value = '请输入验证码'
return false
}
if (captcha.value.length !== 4) {
captchaError.value = '验证码长度不正确'
return false
}
captchaError.value = ''
return true
}
const refreshCaptcha = async () => {
try {
const response = await getCaptcha()