关于react-antd里的表单的自定义校验

最新推荐文章于 2025-03-13 14:33:34 发布

天天摆烂

最新推荐文章于 2025-03-13 14:33:34 发布

阅读量1.7k

点赞数 5

文章标签： react.js javascript 前端

本文链接：https://blog.youkuaiyun.com/qq_48211147/article/details/126422755

版权

需求：输入11位手机号，自动校验这个手机号在不在数据库里面，因为只有在这个数据库里面的手机号才能被添加为管理员。如果这个手机号不在，，则底下则会提示该账号不存在或者存在异常。

最开始我想的是在input标签里面加入onChange时间，但是用到了antd，本来就是校验功能，这个功能已经添加上了正则校验手机号的功能（用的antd的API），所以我想自定义校验的话应该也会有相应的API的。

以下是官方文档截图：

以下是第一时间的代码

validator:(_,value) => {
    if(value.length === 11){
        let values = {
            ba_pbone = value
        }
         AccountListApi(values).then(res => {
            if(res.Status === 'success'){
                return    Promise.resolve()
            }eles{
                return    Promise.reject('账号存在异常')