antd自定义规则校验

艾迪蛋·

已于 2022-09-21 08:41:48 修改

阅读量344

点赞数 1

分类专栏： antd 文章标签：前端

于 2022-09-21 08:40:22 首次发布

本文链接：https://blog.csdn.net/qq_43796489/article/details/126965291

版权

antd 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

                 <Form.Item
                    label='联系人电话'
                    name='tel'
                    rules={[
                      { required: true, message: '请输入联系人电话' },
                      {
                        validator: (rules, value) => {
                          const validPhone = /^1\d{10}$/
                          if (value && !validPhone.test(value)) {
                            return Promise.reject(new Error('请输入正确的手机号'))
                          }
                          return Promise.resolve()
                        }
                      }
                    ]}
                  >
                    <Input className='width-200' />
                </Form.Item>