const rules = reactiveFormRules carouselName required true message 请输入标题 trigger blur max 20 message 限制20个字符 trigger blur carouselPicUrl required true message 请上传轮播图片 trigger blur
要满足验证newId的数据类型只允许是数字的需求,可以使用正则表达式来进行验证。在validator函数中,可以使用正则表达式来检查value是否为数字。以下是修改后的代码:
const rules = reactive<FormRules>({
carouselName: [
{ required: true, message: "请输入标题", trigger: "blur" },
{ max: 20, message: "限制20个字符", trigger: "blur" },
],
carouselPicUrl: [
{ required: true, message: "请上传轮播图片", trigger: "blur" }],
newsID: [
{ required: true, message: "请输入关联ID", trigger: "blur" },
{ max: 30, message: "限制30位字符", trigger: "blur" },
{
validator: (rule, value, callback) => {
// 使用正则表达式检查是否为数字
const reg = /^\d+$/;
if (!reg.test(value)) {
callback(new Error("关联ID只允许是数字"));
} else {
callback(); // 验证通过
}
},
trigger: "blur",
},
],
});
这样修改后,当newsID输入非数字字符时,会触发验证错误。
原文地址: https://www.cveoy.top/t/topic/jbYs 著作权归作者所有。请勿转载和采集!