antd Form 表单验证

微信公共号开发，用户修改密码，对用户输入的密码进行校验

1. 必须填写

2. 字符串中必须包含大写字母，小写字母和数字

3. 长度不得小于6

代码实现：

  <Form.Item name='newpwd' label='新密码' rules={[{ required: true, message: '密码不可以为空' },{pattern:/(.[^a-z0-9])/g,message:'密码需包含大写字母,小写字母,数字'},{min:6,message:"长度不得小于6位"}]} ><Input placeholder='6-16位密码' type='password' /></Form.Item>

关键点：

rules 这个属性里面是一个数组，数组中两个关键字验证的条件，提示语言

比如 reuqired:true 必须，如果不满足条件则提示后面的message

rules的验证在antd 中的由很多：

希望对你有所帮助

antd Form 表单验证相关推荐

ant-pro使用Form表单验证上传图片出现的问题
1.复现:用antd的Form表单验证上传图片必填项时出现问题:复现过程,先提交,提示图片需要上传,上传成功后,依旧提示:图片未上传 2.表单验证原理:先理解一下antd的Form表单验证的表层原理, ...
整理的16个有用的jQuery Form(表单)验证教程
表单在每个网站开发者必不可少的组成部份,而最烦繁的也是表单验证部份,借助于jQuery一些现有成熟的插件,可以大大减少我们的开发工作量以及减少很多重复出现的问题 ,这篇文章将整理出非常好的16篇非常有 ...
框架生成的HTML修改,Django框架form表单验证修改html标签的样式
经过前面的学习,我们大致可以知道CharField.EmailField等等以Field结尾的方法,只能帮助我们对用户发来的信息做验证,不能生成html标签.字段本身自己虽然只做验证,但是我们可以通过 ...
Django(part46)--form表单验证
学习笔记,仅供参考文章目录 form表单验证举个例子 form表单验证 form提供表单和字段验证,我们可以使用form.is_valid() 方法进行表单验证,若该方法返回值为True,则表示当 ...
php form validator 下单,PHP Form表单验证:PHP form validator使_php
在php网站开发建设中,用户注册.留言是必不可少的功能,用户提交的信息数据都是通过Form表单提交,为了保证数据的完整性.安全性,PHP Form表单验证是过滤数据的首要环节,PHP对表单提交数据的验 ...
django Form表单验证
这一部分涉及到三个地方:前端表单设计,表单验证的Form类编写,解析函数Views编写: 文章目录前端表单表单验证的Form类编写后端view函数前端表单新建一个form_test.html ...
Django之Form表单验证组件Tyrion
Tyrion是一个基于Python实现的支持多个WEB框架的Form表单验证组件,其完美的支持Tornado.Django.Flask.Bottle Web框架.Tyrion主要有两大重要动能: 表单 ...
vue 表单验证正则_vue elementui form表单验证的实现
最近我们公司将前端框架由easyui 改为 vue+elementui .自学vue两周就开始了爬坑之路.业余时间给大家分享一下心得,技术新手加上第一次分享(小激动),有什么不足的地方欢迎大家指正, ...
react antd form 表单清空
关于react_antd_desgin的学习这两天也是获取到的知识零零散散,大多在网上也能获取的到,所以隔了很长的时间,没有编写关于react相关的文章.今天之所以写也是因为公司中秋节放假,在郑州,窗 ...

antd Form 表单验证

antd Form 表单验证相关推荐

最新文章

热门文章