zoukankan      html  css  js  c++  java
  • antd 表单的两种校验方式

    1.声明式表单验证:

                            <Form.Item
                                name="username"
                                rules={[
                                    {
                                        required: true,
                                        message: 'Please input your Username!',
                                    },
                                    {
                                        max: 20,
                                        message: '最长20位!',
                                    },
                                    {
                                        min: 5,
                                        message: '至少5位!!',
                                    },                                {
                                        pattern: /^[A-Za-zd_]+$/,
                                        message: '自能包含字母数字下划线字符!',
                                    },
                                ]}
                            >
                                <Input prefix={<UserOutlined className="site-form-item-icon" />} placeholder="Username" />
                            </Form.Item>
    

      

    2. validator自定义式验证:

                            <Form.Item
                                name="password"
                                rules={[
                                    {
                                        validator: (_, value) =>{
                                        if(value.length >= 6 && value.length<=10) {
                                            return Promise.resolve()
                                        }else{
                                            return Promise.reject('密码长度必须是6~10位')
                                        }
                                      }
                                    }
                                ]}
                            >
                                <Input
                                    prefix={<LockOutlined className="site-form-item-icon" />}
                                    type="password"
                                    placeholder="Password"
                                />
                            </Form.Item>
    

      

  • 相关阅读:
    【SpringBoot/Oracle】如何解决 “[error code]17056 不支持的字符集,在类路径添加orai18n.jar”
    Spring Initializr
    【SpringBoot】如何在SpringBoot工程启动时建表和填充数据
    最简SpringBoot工程,仅有Oracle支持,可作为起始工程
    【SpringBoot/MyBatis/Oracle】如何在SpringBoot工程中配置编撰一个访问Oracle数据库的MyBatis
    【MyBatis/Oracle】通过MyBatis执行Oracle的批量插入语句,插入千万数据进一表用时1h22m59s151ms
    ASP处理多语言版本的商务网站
    XML指南——XML CDATA
    .NET环境下五种邮件发送解决方案
    什麼是WPF?
  • 原文地址:https://www.cnblogs.com/jlyuan/p/12774414.html
Copyright © 2011-2022 走看看