【ant-design】表单validate验证名称重复

最新推荐文章于 2024-08-16 14:32:16 发布

GUlGA

最新推荐文章于 2024-08-16 14:32:16 发布

阅读量359

点赞数

分类专栏： vue笔记文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/qq_43691733/article/details/133686513

版权

vue笔记专栏收录该内容

7 篇文章 0 订阅

订阅专栏

 <a-form-item>
                <a-input
                    size="large"
                    type="text"
                    :placeholder="$t('user.register.name.placeholder')"
                    v-decorator="[
                        'name',
                        {
                            validateTrigger: ['change', 'blur'],
                            rules: [
                                { required: true, message: $t('user.email.required') },
                                {
                                    validator: validateToName,
                                    message: '用户名已存在',
                                },
                            ],
                        },
                    ]"
                ></a-input>
            </a-form-item>

 methods: {
        validateToName(rule, value, callback) {
            check({ userName: value }).then((res) => {
                var exist = res.data.exist
                // console.log('ex', exist)
                if (exist) {
                    callback(new Error('名称已存在'))
                } else {
                    callback()
                }
            })
        },
        }