当前位置: 首页 > 知识库问答 >
问题:

vue3 - ant form组件验证的异常表现?

金霄
2023-11-09

QQ录屏20231106113035.gif

怎么一失焦提示就没了?(代码跨度较大,不好提供)


const rules: Record<string, Rule[]> = {  date1: [    { required: true, message: 'Please pick a date', trigger: 'blur' },    {      message: "格式错误,请输入正确的日期 ",      trigger: "change",      pattern: new RegExp(...),    },  ],};

原因:失焦后判断不为空,之前的提示就被消了。
ant为什么这样设计呢?在可能出现多种错误的情况下,已经匹配到某个错误就不应该继续匹配了
,应该让用户一个一个消除错误嘛。

共有1个答案

施学
2023-11-09

失焦的时候 trigger 为blur的只有一个required 它就只判断这一个 然后判断通过了。
你可以给格式校验也加上一个trigger blur: ['change', 'blur']

 类似资料:
  • 我正在测试带注释的javax验证。它们在应用程序中工作良好,方法参数上有注释。但是当我试图通过手动构建验证工厂来测试它们时 我得到以下错误。 javax。验证。ValidationException:HV000183:无法初始化“javax”。艾尔。“表达工厂”。检查类路径上是否有EL依赖项,或者改用ParameterMessageInterpolator 收到这个错误后,我在gradle文件中添

  • 下面是我的代码: 这里有个例外: 对象“users”中字段“salary”上的字段错误:拒绝值[null];代码[NotNull.Users.Salary,NotNull.Salary,NotNull.java.lang.Integer,NotNull];参数[org.springframework.context.support.defaultmessageSourceResolvable:代码

  • 我正在测试一个具有预期异常的方法。我还需要验证在抛出异常后是否调用了一些清理代码(在模拟对象上),但看起来该验证被忽略了。这是代码。我正在使用 Junit 来验证预期的异常。 似乎完全被忽略了。无论我在中使用什么方法,我的测试都通过了,这不是我想要的。 你知道为什么会发生这种情况吗?

  • 下面这段代码来自于element-plus官网,有几点我不明白。 1.这里为什么用setTimeout?有必要吗?它是在失焦的时候才会触发验证 2.这里的ruleFormRef.value.validateField('checkPass')有必要吗?在失焦之后,checkpass字段不也会触发验证吗?如果设置change时校验,这还是有用的。 3.这里的rules有必要为响应式数据吗? 全部代码

  • 在dynamodb表上运行batchGetItem函数时获取ValidationException。我在密钥列表下同时提供哈希密钥和范围密钥。以下是请求和响应。 请求: 答复:

  • 向addUser控制器提交表单时发生异常 获取窗体的控制器 为什么会出现此异常,输入无效电子邮件而不是验证必须执行。