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 中的由很多：

希望对你有所帮助