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

Question

你好开发人员我很新来反应和 js 我被困在这个问题上任何帮助将不胜感激，我在反应中编码了一个基本表单，当用户单击登录并验证凭据时，它会从用户那里获取输入并验证然后浏览器应该询问用户是否要在浏览器内存中保存密码。

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');
        })

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

Answer 1

我猜没有反应特定的变化，在表单中添加属性自动完成应该可以解决问题，您已经以驼峰大小写而不是小写形式添加了属性，因此替换为小写应该可以解决问题。