antd中表单输入自定义校验明明输入了内容还是提示为空请输入

情况说明：

今天接手一位同事写的代码来修改，项目用的vue+ant。在修改密码功能上，发现在新密码输入框校验中，我明明输入了内容（没有符合自定义校验规则的内容），但还是校验提示请输入新密码。但是我按照密码校验规则输入内容，就可以正常通过。想了想好像是在提示语上出现了问题，对比了官网的例子和代码发现，这里即写了自定义校验，又写了message。

原因：

自定义校验中写了message，就会优先用message的校验失败提示语，而忽略自定义校验中返回的callback(new Error('校验失败提示语'));的提示语。

原来的写法：

即写了自定义校验方法属性，又加了普通校验的message属性

修改后的写法：

把message属性删除掉，然后在自定义方法里面判空就好

antd中表单输入自定义校验明明输入了内容还是提示为空请输入相关推荐

antd form rules字数限制_【React】antd的form表单的自定义校验规则的用法
在用到antd的Form组件的时候,可能会用到自定义的规则,以我的项目为例:在输入名称的时候需要请求接口,校验的内容是后台返回的内容,所以这个时候需要用到自定义的校验规则屏幕快照 2019-06-1 ...
HTML 请输入关键字的搜索框，功能：输入时：框内的请输入关键字消失，鼠标移开时框内的请输入关键字又重现
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
vue3 el-form表单验证自定义校验
这里做的是表单的添加标签 const addRules = {tagList: [{required: true,message: '请选择推送客户名单',trype: 'array',validat ...
请输入星期的第一个字母c语言,C语言经典案例：请输入星期几的第一个字母来判断一下是星期几，...
需求描述: 请输出礼拜几的第一个字母来断定一下是礼拜几,假如第一个字母一样,则持续断定第二个字母. C语言案例分析: 用情形语句比拟好,假如第一个字母一样,则断定用情形语句或if语句断定第二个字母. ...
《PC端UI框架》Ant Design V4 中表单校验
通过 rules 校验规则: 常用的 rules 校验规则: len:字段长度. max:最大长度. min:最小长度. required:是否必选. pattern:正则表达式校验. validat ...
Java 校验注解的使用、自定义校验注解
文章目录一.引入依赖二.基本校验 1. 常用校验注解 2. 自动校验 3. 代码中获取校验结果三.嵌套校验四.分组校验五.单属性自定义校验规则 1. 功能:只能取枚举的值六.多属性自定义联 ...
【Java语言】请输入任意一个三位数，输出个位 , 十位 , 和百位，输入：123，输出：3,2,1
package com.njwbhz.path;import java.util.Scanner;public class Test13 {/*** @author FairyKunKun* @sin ...
HTML搜索框中加入提示文字,HTML 5 input placeholder 属性实现搜索框提示文字点击输入后消失 - 尚码园...
H5以前要实现这个功能还要用到JS,H5出来以后新增长了placeholder属性,有了这个属性就就能轻松实现这个功能.post 定义和用法 placeholder 属性提供可描述输入字段预期值的提示 ...
习题：编写一个程序，请输入两个数字，并判断两个数字的大小。
import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; /* *作者: ...

antd中表单输入自定义校验明明输入了内容还是提示为空请输入

情况说明：

原因：

原来的写法：

修改后的写法：

antd中表单输入自定义校验明明输入了内容还是提示为空请输入相关推荐

最新文章

热门文章