【ElementUI】ElementUI中表单验证,使用自定义规则时,validate函数失效

在ElementUI项目中遇到表单验证时,针对用户输入唯一性的自定义规则,发现validate函数失效。问题源于自定义规则的实现,原本只包含错误情况的回调函数,而缺少了成功情况的回调。解决方案是,在自定义规则的else if代码块中添加验证成功的回调函数,以确保在无重复信息输入时,validate函数能正常工作。
摘要由CSDN通过智能技术生成

项目场景:

当在elementUI中的表单验证中想要验证用户的输入的内容是否唯一

问题描述

验证用户输入的内容唯一的自定义规则函数中使用了for循环验证

<el-form-item
      prop="cmd"
      label="cmd"
      :rules="[
        {
          required: true,
          message: 'cmd不能为空',
          trigger: 'blur',
        },
        {
          //验证唯一
          validator: checkCMD,
        },
      ]"
    >
      <el-input v-model="dynamicValidateForm.cmd"></el-input>
</el-form-item>
<el-button type="primary" @click="submitForm('dynamicValidateForm')">确 定</el-button>
 checkCMD(rule, value, callback) {
   
      if (!value) {
   
        return callback(new Error("cm
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

是言若呀~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值