ant-design-pro Login 组件 实现 rules 验证「建议收藏」

ant-design-pro Login 组件 实现 rules 验证「建议收藏」ant-design-pro Login 组件 实现 rules 验证

大家好,又见面了,我是你们的朋友全栈君。

1.引入组件

// 引入 ant-design-pro
import Login from 'ant-design-pro/lib/Login';
/**
 * UserName 账号
 * Password 密码
 * Submit   提交
 */
const { UserName, Password, Submit } = Login;

2.调用(验证)

<UserName
  name="userId"
  placeholder="请输入用户名"
  rules={[{required: true, message: '用户名不能为空!'}]}
/>
<Password
  name="pass"
  placeholder="请输入密码"
  rules = {[{required: true, message: '密码不能为空!'}]}
/>

3.效果图

ant-design-pro Login 组件 实现 rules 验证「建议收藏」

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/107256.html原文链接:https://javaforall.net

(0)
上一篇 2022年4月20日 下午7:40
下一篇 2022年4月20日 下午8:00


相关推荐

  • MySQL 社区规范 | 数据库篇

    MySQL 社区规范 | 数据库篇MySQL 社区规范 | 数据库篇

    2022年4月24日
    42
  • 负数补码的移位规则

    负数补码的移位规则由原码求得补码的方法 1 定义法补码解决了计算机在进行数值运算的两个问题 一个是减法运算能不能使用加法电路 另一个是原码中 0 的表示不唯一 正数的补码就是其原码 整数负数的补码是 真值 以 2 为底以数值位数加一为指数的幂 模 即以这个幂为模的补数 这里描述下补码的几何意义 大家可以画一个数轴 假定数值位有三位 模是 16 那么加上一位符号位 数轴从 0 000 开始往右依次加一是 0 001 0 010 0 011 0 111 共八个数 这个时候如果继续

    2026年3月17日
    4
  • 字符串转义

    字符串转义字符串转义

    2026年3月20日
    3
  • 终于搞懂了vue 的 render 函数(一) -_-|||

    终于搞懂了vue 的 render 函数(一) -_-|||文章目录 render 函数作用 render 函数讲解 render 函数的返回值 VNode render 函数的参数 createElemen createElemen 函数的返回值 VNode createElemen 函数的参数 三个 结合代码 vue 渲染函数文档第一遍看的晕晕乎乎的 再看看写写终于清晰了 建议配合文档阅读 本文也是根据文档加上自己的理解 注 本文代码都是在单文件组件中

    2026年3月20日
    1
  • QT,QVector 基本用法,遍历[实例讲解]

    QT,QVector 基本用法,遍历[实例讲解]本文讲述了 QVector 的基本使用方法 使初学者轻松上手 本文结合代码示例 能够使阅读者更加深刻的学习 QVector 的是用用方法

    2026年3月19日
    3
  • 对LARS(Least Angle Regression)的简单理解

    对LARS(Least Angle Regression)的简单理解前言我在本科的时候接触过用LASSO筛选变量的方法,但了解不多。这几天在公司实习,学习到特征选择,发现还有个LARS是经常和LASSO一起被提起的,于是我临时抱佛脚,大概了解了一下LARS的原理。在看文章的时候发现很多人提到SolutionPath这样一个概念,感觉很费解,后来参阅了Efron等人的&quot;LeastAngleRegression&quot;论文,总算是明白了一些。不过本人由于懒,后面数学…

    2022年6月20日
    32

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号