element ui 自定义校验不进入表单validate验证

原创已于 2023-06-28 16:21:23 修改 · 828 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言 #前端 #elementui

于 2023-06-28 15:18:51 首次发布

该文章讨论了在表单验证过程中，如何修复一个关于自定义验证规则的错误。当用户输入为空或非整数时，代码会触发错误提示，但为整数时未调用回调函数callback()。修复方案是在满足整数条件时也调用callback()以确保正常流程。

解决表单提交验证时自定义的校验规则错误问题

错误代码：

var numReg = (rule, value, callback) => {

      if (value === "") {

        callback(new Error("请输入数量"));

      } else if (!/^\d+$/.test(value)) {

        callback(new Error("请输入整数"));

      }

    };

这段代码中只有value为空、不是整数才执行，当为整数的时候没有返回对于的执行函数callback(); 所以为整数时返回执行函数callback()

正确代码：

var numReg = (rule, value, callback) => {

      if (value === "") {

        callback(new Error("请输入数量"));

      } else if (!/^\d+$/.test(value)) {

        callback(new Error("请输入整数"));

      }else{

        callback();

    };

结束语：

希望这篇文章能帮助到大家，如有不对之处，还请指正。愿我们一起成长。