【问题标题】:In react ,how do i force browser to ask for saving password? [duplicate]在反应中,我如何强制浏览器要求保存密码? [复制]
【发布时间】:2023-04-06 13:56:01
【问题描述】:

开发人员您好,我对 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');
        })

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

【问题讨论】:

    标签: javascript jquery html ajax reactjs


    【解决方案1】:

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

    【讨论】:

      猜你喜欢
      • 2018-03-09
      • 2011-02-04
      • 2011-04-29
      • 1970-01-01
      • 2018-06-22
      • 1970-01-01
      • 2019-12-30
      • 1970-01-01
      • 2012-10-14
      相关资源
      最近更新 更多