vue项目表单验证，防重名

v_loading

于 2021-04-26 15:26:26 发布

阅读量909

点赞数 1

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue

本文链接：https://blog.youkuaiyun.com/v_loading/article/details/116157506

vue 专栏收录该内容

17 篇文章

订阅专栏

本文介绍如何在Vue项目中进行表单验证，特别是针对防止输入重名的策略。通过设置`rules`属性，可以有效地校验表单字段，确保数据的唯一性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

设置rules

//调用接口验证设备ID
let validateRepeatVerCode = async (rule, value, callback) => {
      await getRepeatStationDevId(value)
        .then((res) => {
          console.log("获取重复版本号数量", res);
          if (res.code === 200) {
            if (res.data > 0) {
              callback(new Error("该设备ID重复 请更换"));
            } else {
              callback();
            }
            this.repeatCount = res.data;
          } else {
            console.log("获取重复版本号失败");
          }
        })
        .catch((err) => {
          console.log(err);
          callback();
        });
    };

rules: {
		devId: [
		          {
		            required: true,
		            message: "请输入",
		            trigger: "blur",
		          },
		          {
		            required: true,
		            validator: validateRepeatVerCode,
		            trigger: "blur",
		          },
		        ],
        }