JEECG框架-如何使用前端代码判重?( duplicateCheck 表单字段重复校验通用JS)

实现效果:

实现方法:

在前端代码新增3处内容:

第一处:新增引用

import { duplicateCheck } from '@/api/api'

第二处:找到编码必填校验规则的前端代码,新增如下:

{validator: this.validateCode}

第三处:直接新增此部分代码

validateCode(rule, value, callback){ let pattern = /^[a-z|A-Z][a-z|A-Z|\d|_|-]{0,}$/; if(!pattern.test(value)){ callback('编码必须以字母开头,可包含数字、下划线、横杠'); } else { var params = { tableName: "onl_cgreport_head", fieldName: "code", fieldVal: value, dataId: this.model.id }; duplicateCheck(params).then((res)=>{ if(res.success){ callback(); }else{ callback(res.message); } }) } },

具体如下图展示:

发布了6 篇原创文章 · 获赞 2 · 访问量 213

猜你喜欢

转载自blog.csdn.net/miss_74735/article/details/104612525
今日推荐