要满足验证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输入非数字字符时,会触发验证错误。

const rules = reactiveFormRules carouselName required true message 请输入标题 trigger blur max 20 message 限制20个字符 trigger blur carouselPicUrl required true message 请上传轮播图片 trigger blur

原文地址: https://www.cveoy.top/t/topic/jbYs 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录