添加表单的唯一性校验

已于 2023-02-21 15:05:53 修改
阅读量123 收藏
点赞数
分类专栏： vue、IDEA前后端 文章标签： vue.js spring
于 2023-02-10 14:18:55 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_54524289/article/details/128969195
版权
该文章展示了在前端如何使用validator进行字段验证，特别是在blur事件触发时，调用接口检查类型名称的唯一性。如果接口返回null，则认为验证通过；否则，当返回非空值时，提示用户类型名称已经存在。后端部分提到利用QueryWrapper进行便捷的数据查询操作。
摘要由CSDN通过智能技术生成

实现效果

在这里插入图片描述

前端

在这里插入图片描述
{validator: validates, trigger: 'blur'}

let validates = (rule, value, callback) => {
      vaInvoiceName(value).then(res => {
        if (res && res.data === null) {
          callback()
        } else if (res && res.data !== null) {
          callback(new Error('类型名称已经存在'))
        }
      })
    }

在这里插入图片描述

后端

在这里插入图片描述

使用QueryWrapper非常方便。

硬骨头的猫
关注
专栏目录
form表单-唯一性校验
mkx2723的博客
06-25 940
<template> <div> <el-form ref="form" :model="form" :rules="form_rules" style="margin:10px;width:auto;"> <el-row> <el-col :span="12"> <el-form-item prop='name' label="名字:
随记9-表单唯一性验证
m0_48882383的博客
12-11 448
唯一性校验 需求：在新增页面中，判断风险点编号唯一性 后端接口代码： 根据前端接收到的code，判断得出的riskPointList是否为空 当为空时说明数据库没有数据，添加成功 不为空时说明数据库有已有code，提示重复 /** * 风险点编号唯一性验证 */ @GetMapping("onlyCheck") public ResultBean onlyCheck(String code){ ResultBean resultBean = new ResultBean(ResultBean.
IDEA创建唯一字符串
m0_73206295的博客
11-24 142
创建一个不重复的惟一的字符串。
Vue-自定义表单验证（rule，value，callback）详细使用
路虽远行则将至，事虽难做则必成。
04-23 7138
最近在实际开发中遇到需要验证合同编号是否在数据库已经存在，自定义表单验证。的表单验证大家都知道form绑定rules，prop绑定值与form.值一样，必填，失去焦点触发 提示信息。今天我们讲一讲自定义验证规则具体使用场景和它的三个参数意思和使用当我们明白了 validator3个参数意思，我们就可以随机组合我们自己的验证规则了自定义验证规则prop绑定值: [console.log('验证规则信息',rule);console.log('输入框的值',rule);
Workfine新手入门：数据管理器——唯一
Bossietech的博客
08-25 730
有没有办法在填写数据的时候避免这种录入，从源头上消灭重复数据呢？
vue elementUI 表单校验的实现代码（多层嵌套）
10-16
在前端开发中，表单校验是一个重要环节，它能够保证用户提交的数据符合预期的格式，从而提高数据的准确性和安全性。Vue.js作为一套流行的前端框架，通过Element UI这个UI库，为开发者提供了丰富的表单组件和校验功能...
jq 表单校验工具
01-10
例如，可以使用Ajax进行用户名或邮箱的唯一性检查。 最后，"自定义函数校验"允许开发者编写自己的验证逻辑，以满足那些无法用标准规则覆盖的特定场景。通过定义自定义函数，你可以实现任何复杂的校验逻辑，为表单...
MySQL唯一约束（UNIQUE KEY）和MySQL检查约束（CHECK）
最新发布
m0_37449634的博客
12-16 2988
唯一约束（Unique Key）是指所有记录中字段的值不能重复出现。例如，为 id 字段加上唯一性约束后，每条记录的 id 值都是唯一的，不能出现重复的情况。如果其中一条记录的 id 值为‘0001’，那么该表中就不能出现另一条记录的 id 值也为‘0001’。唯一约束与主键约束相似的是它们都可以确保列的唯一性。不同的是，唯一约束在一个表中可有多个，并且设置唯一约束的列允许有空值，但是只能有一个空值。而主键约束在一个表中只能有一个，且不允许有空值。
elementUI表单校验--唯一性校验
小太阳的博客
07-17 4645
场景：需要校验手机号是唯一的，如下图 代码如下 <el-form-item label="联系电话:" prop="mobile"> // prop需要校验的字段 <el-input v-model="editForm.mobile" auto-complete="off"/> </el-form-item> data() { // 手机号唯一性验证 let validateA
ElementUI表单校验唯一性
ZHANGWEI19930118的博客
06-14 4658
做项目要用到唯一性校验，要到后台查询数据库中是否存在，使用自定义校验方法` 在data中定义校验规则 testNumberValidate ，在Rules中使用此校验规则 data(){ //流水号校验 let testNumberValidate = (rule, value, callback) => { let testNumber = 'PP'+value let reg...
form校验界面数据唯一性
u014601199的博客
03-19 2052
    问题：在做form的时候需要校验界面数据的唯一性，在when-validate-instance触发器中设置，只能校验数据库中是否存在相同的数据，界面上录入相同的数据时还是能保存到数据库中。   解决方法：在数据库表中设置unique index，将需要校验的字段填入组合关键字，界面上录入的数据保存时就会自动校验是否有重复。...
Laravel 校验规则之字段值唯一性校验
huang2017的博客
04-05 5718
1.在注册用户时，我们往往规定用户名必须唯一。除了在数据表中设置用户名字段的唯一性以外，还必须在程序中加以判断 2.程序中判断的通常做法是：以该用户名作为搜索条件进行搜索，搜索不到数据表明可以注册，否则不能注册 3.在Laravel框架中提供了更好的解决方案，自动帮我们检查唯一性，下面通过以下示例来说明（别忘了在控制器中引用Validator类） $input = ['user_name
java 后台验证数据唯一性
热门推荐
星空
09-08 1万+
/** * 判断唯一 */ @ResponseBody @RequestMapping(params = "method=isExist2") public AjaxMsg isExist2(HttpServletRequest request, HttpServletResponse response) throws Exception { AjaxMsg msg
【JEECG技术文档】Online唯一校验使用说明
JEECG官方博客
02-05 3827
1、功能介绍配置了唯一校验的字段，在录入和编辑页面中，动态查询用户输入值是否存在校验。  要使用online唯一校验功能必须先在online表单开发中配置唯一字段的校验方式为唯一校验。2、配置唯一校验登录系统，在线开发-online表单开发，点击创建表单/选择表单数据点击编辑表单按钮，在弹出的表单编辑页面。填写表单数据。在校验字典页签中，找到唯一字段，验证规则列选择唯一校验。点击确定。如图： 3、
Java开发唯一性校验技巧
一起coding，一起嗨。
03-15 5327
一、需求分析 需求：用户手机号码字段，必须保持唯一； 分析：新增时，手机号码不能在库里查到；更新时，如果在库里查看，比较用户id是否一致。 二、代码实现 public void checkMobileUnique(Long id, String mobile) { //手机号为空不进行校验 if (StrUtil.isBlank(mobile)) { return; } AdminUserDO user =
input 实时唯一校验
qq_36134977的博客
11-01 2965
1、在需要校验的input框添加： <input id="dicNo" name="dicNo" type="text" class="form-control" placeholder="请输入字典编号"    oninput="OnInput(event)" onpropertychange="OnPropChanged(event)" value="${dicform.dicno }
uniapp 表单校验名称唯一
07-27
对于 Uniapp 中的表单校验，可以使用自定义校验规则来实现名称的唯一性校验。以下是一个简单的示例代码： 1. 在表单的输入框中使用 `v-model` 绑定一个变量，例如 `name`。 ```html <template> <input v-model="name" type="text" /> <button @click="submit">提交</button> </template> ``` 2. 在组件的 `data` 中定义一个数组，用于存储已存在的名称列表。 ```javascript export default { data() { return { name: '', existingNames: ['John', 'Jane', 'Steve'] }; }, methods: { submit() { if (this.isNameUnique(this.name)) { // 执行提交操作 } else { // 名称已存在，进行错误处理 } }, isNameUnique(name) { return !this.existingNames.includes(name); } } } ``` 在 `submit` 方法中，通过调用 `isNameUnique` 方法来判断名称是否唯一。如果名称已存在，你可以执行相应的错误处理操作。 这只是一个简单的示例，你可以根据实际需求进行修改和扩展。希望对你有帮助！如果你还有其他问题，请随时提问。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值