2017-09-26 11 views
2

こんにちはdevs私は非常に反応して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: 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'); 
     }) 

の提出で呼び出さSignmeIn機能である私は、ブラウザのユーザーかどうかをユーザーの同意を求めるダイアログを表示したいですブラウザのキャッシュにパスワードを保存したい。

答えて

0

私の推測では、何の問題を修正するものとフォームに属性autocompleteを追加して、特定の変更に反応がない、あなたはとても問題を解決しなければなら小文字に置き換えて、キャメルケースの代わりに、下部ケースに属性を追加しました。

+0

大丈夫ですが、それはハンドラでフォームの送信を妨げているのではなく、ajax呼び出しで問題を解決するために問題を解決しません。 – Jawad

関連する問題