星号密码 解决方案input使用一定会被浏览器自动识别并被自动处理

2024-05-03 23:00:27 | 来源: 互联网整理

问题描述

项目中出现两个密码输入框，一个是登录界面，一个是弹框审核界面。

如果您登录时选择浏览器保存登录名和密码，则审核时会自动输入浏览器记录的登录名和密码。 要求是浏览器记住的登录密码在审核时不会自动填写。

为什么会出现这个问题呢？

当输入的输入框类型为时，浏览器保存一次后，页面上的所有密码输入框都会被浏览器自动识别并填写。

为什么要解决这个问题

为了给用户提供高度的安全性，审查和复核密码的目的是确定该操作是否是用户本人执行的。 防止他人登录后进行安全级别较高的操作。

例如，在提现等交易场景中，需要再次验证交易密码，以及对数据库的操作需要操作员审核的场景等。

解决方案

使用输入会被浏览器自动处理，所以我们使用文本来实现输入后出现星号的问题。

该项目是基于antd组件构建的。

页面输入框

 
     {getFieldDecorator('password', {
         {
           validator: this.pwdChange,
         }],
     })(
       
     )}
  

用于验证实时输入框中的值，也可用于设置*号。