javascript - 在 react 中,我如何强制浏览器要求保存密码?

标签 javascript jquery html ajax reactjs

<分区>

你好开发者我是 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');
        })

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

最佳答案

我猜没有反应具体的变化,添加属性 autocomplete到你的表单应该解决问题,你已经在驼峰大小写而不是小写中添加了属性,所以替换为小写应该解决问题。

关于javascript - 在 react 中,我如何强制浏览器要求保存密码?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46424233/

相关文章:

javascript - 如何更改列表项的innerHTML?

jquery - 多次使用 google.setOnLoadCallback 可以吗?

html - 如何设置 CSS 宽度以使元素具有准确的窗口宽度?

javascript - 如何知道逗号是分隔参数还是箭头函数的一部分?

javascript - 在水平 'tabs' 内垂直滚动

javascript - 使用 RapaelJS 放大/缩小逻辑

javascript - 一个数组和一个显示为字符串的变量

javascript - css 媒体查询和 javascript

html - <li> 没有父标签?

html - 固定菜单中的按钮大小