解决iView表单自定义输入框的校验信息，数据校验时输入框一直loading中

最新推荐文章于 2025-10-08 05:06:03 发布

原创最新推荐文章于 2025-10-08 05:06:03 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript #html

遇见的问题专栏收录该内容

5 篇文章

订阅专栏

本文探讨了表单提交时加载状态的优化问题，重点在于解决字段校验未闭环导致的用户体验问题。通过修复校验函数，确保在验证通过后进行下一步操作，从而提高用户交互效率。

问题描述：

表单提交信息时，输入框处于loading中
在这里插入图片描述

原因分析：

字段校验时，未闭环

const validNum = (rule, value, callback) => {
      if (!value) {
        callback(new Error('权重值不能为空'))
      } else if (!/^[1-9]\d*|0$/.test(value)) {
        callback(new Error('权重值为正整数'))
      } else if (!/^(?!00)(?:[0-9]{1,7}|1000000)$/.test(value)) {
        callback(new Error('必须小于或者等于100000'))
      }
    }

解决方案：

const validNum = (rule, value, callback) => {
      if (!value) {
        callback(new Error('权重值不能为空'))
      } else if (!/^[1-9]\d*|0$/.test(value)) {
        callback(new Error('权重值为正整数'))
      } else if (!/^(?!00)(?:[0-9]{1,7}|1000000)$/.test(value)) {
        callback(new Error('必须小于或者等于100000'))
      } else {
        callback()
      }
    }