更新了登陆页面的css样式,没那么抽象了
This commit is contained in:
@@ -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 &&
|
||||
|
||||
@@ -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()
|
||||
|
||||
Reference in New Issue
Block a user