1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
| import { reactive } from "vue";
| import type { FormRules } from "element-plus";
| import { isPhone, isEmail } from "@pureadmin/utils";
|
| /** 自定义表单规则校验 */
| export const formRules = reactive(<FormRules>{
| name: [{ required: true, message: "请输入姓名", trigger: "blur" }],
| phoneNumber: [
| { required: true, message: "请输入手机号", trigger: "blur" },
| {
| validator: (rule, value, callback) => {
| if (value === "") {
| callback();
| } else if (!isPhone(value)) {
| callback(new Error("请输入正确的手机号码格式"));
| } else {
| callback();
| }
| },
| trigger: "blur"
| // trigger: "click" // 如果想在点击确定按钮时触发这个校验，trigger 设置成 click 即可
| }
| ],
| email: [
| {
| validator: (rule, value, callback) => {
| if (value === "") {
| callback();
| } else if (!isEmail(value)) {
| callback(new Error("请输入正确的邮箱格式"));
| } else {
| callback();
| }
| },
| trigger: "blur"
| }
| ]
| });
|
|
