From c7bd1a3fd46b5d5f887ce4f674387294ee1e8ccd Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期二, 31 十月 2023 17:09:29 +0800
Subject: [PATCH] 添加手机校验
---
src/util/validate.js | 6 ++----
src/views/Admin/components/sameLevelMod.vue | 15 +++++++++++++--
2 files changed, 15 insertions(+), 6 deletions(-)
diff --git a/src/util/validate.js b/src/util/validate.js
index 60c609b..ec9b9bc 100644
--- a/src/util/validate.js
+++ b/src/util/validate.js
@@ -227,10 +227,8 @@
* @returns 返回 true: 国内电话号码正确
*/
export function verifyTelPhone(val) {
- // false: 国内电话号码不正确
- if (!/\d{3}-\d{8}|\d{4}-\d{7}/.test(val)) return false;
- // true: 国内电话号码正确
- else return true;
+ var regex = /^\d{11}$/; // 正则表达式，\d 匹配数字，{11} 表示匹配11次
+ return regex.test(val);
}
/**
diff --git a/src/views/Admin/components/sameLevelMod.vue b/src/views/Admin/components/sameLevelMod.vue
index 5cfb2c8..39cea6f 100644
--- a/src/views/Admin/components/sameLevelMod.vue
+++ b/src/views/Admin/components/sameLevelMod.vue
@@ -57,11 +57,22 @@
<script>
import {addRecipient, addUser, updateRecipient, updateUser} from "@/api/user";
-
+import {verifySimplePhone} from "@/util/validate";
export default {
name: 'userMod',
props: [],
data () {
+ let validatePhone = (rule, value, callback)=>{
+ if(value === ''){
+ callback(new Error('请输入手机号'))
+ }else{
+ if(!verifySimplePhone(value)){
+ callback(new Error('手机号格式有误'))
+ }else{
+ callback()
+ }
+ }
+ }
return {
title: '新增用户',
visible: false,
@@ -87,7 +98,7 @@
rules: {
recipientName: [{ required: true, message: '请输入姓名或称呼', trigger: 'blur'}],
company: [{ required: true, message: '请输入单位名称（备注）', trigger: 'blur'}],
- phone: [{ required: true, message: '请输入手机号', trigger: 'blur'}]
+ phone: [{ required: true, validator: validatePhone, trigger: 'blur'}]
}
}
},
--
Gitblit v1.9.2