密码表单验证的双向校验,react-antd

输入“确认新密码”时与“新密码”不一致会出现错误校验,当我改变输入的“新密码”,不改变“确认新密码”,这个时候就不会出现错误校验,想实现新密码和确认新密码的双向校验,这个应该如何实现呢?

我自己试了方法可以双向校验了,但是不能实时校验,一定要再输入一下才能错误校验。

img

那需要给 新密码和确认密码 都加个 change事件 。在新密码里 事件里获取 新密码和 确认密码的值 。做个判断 。

确认密码 chang事件里 也是

既然控制不了框架,那就不要用框架了,自己手动写一个就行了啊,大概思路是这样的,先写一个校验函数,判断这两个框里的值是否一样,再给新密码和旧密码的input框绑定change事件,或者input事件(实时监听,每输入一次都会校验),就是调用你刚写的校验函数就可以了啊,底下的提示语你根据你校验函数里接受到的东西来判断它显不显示,至于样式你可以仿照他那个加样式