root/rax-medical
1
0
Fork 0
mirror of https://gitee.com/xiongmao1988/rax-medical.git synced 2025-08-23 20:44:58 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

用户名验证规则

This commit is contained in:
熊猫 2024-02-18 18:01:25 +08:00
parent 2854993c42
commit 37d72cfcb0
1 changed files with 39 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/views/login/login.vue
View File

@ -140,15 +140,48 @@ getHospitalsData().then((res: any) => {
})
const phoneAreas: any = getPhoneAreasData()
//自定义校验规则函数
const validatorUserName = (rule: any, value: any, callback: any) => {
//rule:即为校验规则对象
//value:即为表单元素文本内容
//函数:如果符合条件callBack放行通过即为
//如果不符合条件callBack方法,注入错误提示信息
if (value.length >= 4) {
callback();
} else {
callback(new Error('账号长度至少五位'));
}
}
const validatorPassword = (rule: any, value: any, callback: any) => {
if (value.length >= 6) {
callback();
} else {
callback(new Error('密码长度至少六位'));
}
}
const validatorPhone = (rule: any, value: any, callback: any) => {
if (value.length == 11) {
callback();
} else {
callback(new Error('手机号码长度为11位'));
}
}
const loginRules = reactive({
account: [
{ required: true, message: '请输入用户名', trigger: 'blur' },
{ required: true, validator: validatorUserName, trigger: 'change' },
],
password: [
{ required: true, message: '请输入密码', trigger: 'blur' },
{ required: true, validator: validatorPassword, trigger: 'change' },
],
phone: [
{ required: true, message: '请输入手机号', trigger: 'blur' },
{ required: true, validator:validatorPhone, trigger: 'change' },
],
code: [
{ required: true, message: '请输入验证码', trigger: 'blur' },
@ -156,16 +189,16 @@ const loginRules = reactive({
})
const registerRules = reactive({
account: [
{ required: true, message: '请输入用户名', trigger: 'blur' },
{ required: true, validator: validatorUserName, trigger: 'change' },
],
password: [
{ required: true, message: '请输入密码', trigger: 'blur' },
{ required: true, validator: validatorUserName, trigger: 'change' },
],
name: [
{ required: true, message: '请输入用户名', trigger: 'blur' },
],
phone: [
{ required: true, message: '请输入手机号', trigger: 'blur' },
{ required: true, validator:validatorPhone, trigger: 'change' },
],
hospital: [
{ required: true, message: '请选择医院', trigger: 'blur' },