在反应中，我如何强制浏览器要求保存密码？ [复制]

Posted 2023-03-05

【中文标题】在反应中，我如何强制浏览器要求保存密码？ [复制]

【英文标题】：In react ,how do i force browser to ask for saving password? [duplicate]

【发布时间】：2018-03-07 13:06:36

【问题描述】：

开发人员您好，我对 react 还是很陌生，js 我被这个问题困住了，任何帮助都将不胜感激，我有一个基本的 react 编码表单，当用户单击登录和凭据经过身份验证和验证，然后浏览器应询问用户是否要将密码保存在浏览器内存中。

HTML：

<form onSubmit=this.SignmeIn autoComplete="on"  >
  <div className="form-group">
    <label htmlFor="email">email</label>
    <input type="email" className="form-control" name="email" id="email" placeholder="Email" required="" ref="email" />
  </div>
  <div className="form-group">
    <label htmlFor="password">password</label>
    <input type="password" className="form-control" name="password" id="password" placeholder="Password" required="" ref="password" />
    <span id="ErrorMessage"></span>
  </div>
  <div className="form-group">
    <button type="submit" className="btn btn-default btn-lg">sign in</button>
  </div>
</form>

这是在提交表单时调用的 SignmeIn 函数

 SignmeIn: function (e) 

  e.preventDefault();

  var formData = 
    "email": this.refs.email.value,
    "password": this.refs.password.value


    $
        .ajax(
            username:$('input[name=email]').val(),
            password:$('input[name=password').val(),
            type: 'POST',
            url: url + '/signin',
            data: formData
        )
        .done(function (data) 
            console.log(data);
            if ( typeof data.UserName ==='undefined'||!data.UserName) 
                alert('Wrong username or password');
            
            else
                alert('welcome ' + data.UserName + "! You are signed in ");
            
        )
        .fail(function (data) 
            console.log('data');
        )

我希望浏览器显示一个对话框，询问用户是否要在浏览器缓存中保存密码。

【参考方案1】：

我猜没有反应特定的变化，将属性autocomplete 添加到您的表单将解决问题，您添加了骆驼大小写的属性而不是 小写，所以替换为小写应该解决问题。