誤って間違ったパスワードを入力すると、間違った資格情報を示すページが表示されますが、「このパスワードを覚えていますか?」というメッセージが表示されます。ブラウザに不正なパスワードを保存しないように指示するにはどうすればよいですか?
ブラウザにヒントを表示する方法はありますか?ユーザーは正しいパスワードを入力するかどうかを尋ねるだけです。
誤って間違ったパスワードを入力すると、間違った資格情報を示すページが表示されますが、「このパスワードを覚えていますか?」というメッセージが表示されます。ブラウザに不正なパスワードを保存しないように指示するにはどうすればよいですか?
ブラウザにヒントを表示する方法はありますか?ユーザーは正しいパスワードを入力するかどうかを尋ねるだけです。
JQuery & Ajaxを使用すると、ログインフォームをサーバーに送信し、ページをリロードしなくても応答を受け取ることができ、この問題を完全に回避できます。
EDIT
(未検証)本の線に沿って何か:
<div id="error"></div>
<form id="loginForm" method="post">
<input type="username" name="username" id="username">
<input type="password" name="password" id="password">
<input type="submit" value="Login">
</form>
<script>
$(function(){
$('#loginForm').submit(function(){
// Ajax to check username/pass
$.ajax({
type: "POST"
, url: "/login"
, data: {
username: $('#username').val()
, password: $('#password').val()
}
, success: function(response) {
if(response == 'OK'){
$('#loginForm').submit()
} else {
$('#error').html('Invalid username or password')
}
}
})
})
</script>
号ブラウザは、フォームが送信された時点でメッセージを表示します。サーバーの応答を待たずに、パスワードが正しいかどうかを判断する方法はありません。
少し関連:
のサイトには、 'あなたは間違ったパスワードを入力した' と言ってはならないことに注意してください。セキュリティ上の理由(およびロジック)のために、単に「ユーザ名またはパスワードが間違っている」と述べるべきです。 –
そのタイトルを見て、「ux.se」に移行するには良い候補があります – Will