gin
1c3f8b39a3
Co-authored-by: gin <gin-18@qq.com> Co-authored-by: gin <dengxinmin@owlscm.com> Reviewed-on: #1
37 lines
952 B
TypeScript
37 lines
952 B
TypeScript
import { reactive } from "vue";
|
|
import type { FormRules } from "element-plus";
|
|
import { isPhone, isEmail } from "@pureadmin/utils";
|
|
|
|
/** 自定义表单规则校验 */
|
|
export const formRules = reactive(<FormRules>{
|
|
phone: [
|
|
{
|
|
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"
|
|
}
|
|
]
|
|
});
|