antd校验两次密码输入一致的方法

最新推荐文章于 2023-10-30 16:50:49 发布

原创最新推荐文章于 2023-10-30 16:50:49 发布 · 4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#reactjs #javascript

知识点记录专栏收录该内容

8 篇文章

订阅专栏

本文探讨了在表单中如何使用React和Form.Item实现新密码与确认密码的验证，强调了密码输入的一致性和安全规则。通过返回Promise解析和拒绝来检查两次输入是否匹配。

<Form.Item label="新密码" name="password">
	<Input palceholder="请输入密码"/>
</Form.Item>

<Form.Item label="确认密码" name="pw2" rules={[
	({getFieldValue})=>({
		validator(rule,value){
			if(!value || getFieldValue('password') === value){
				return Promise.resolve()
			}
			return Promise.reject("两次密码输入不一致")
		}
	})
]}

>
	<Input palceholder="请确认密码"/>
</Form.Item>