2

シンプルなログイン ボックスがある Web アプリがあります。送信するフォームはなく、ログイン手順は jQuery AJAX を介して実装されます。

このようなシナリオでは、Web ブラウザーに「ブラウザーにパスワードを記憶させますか?」と表示させるにはどうすればよいですか? ダイアログ？

前もって感謝します！

注:少なくともすべての主要なブラウザーの最新バージョンで機能するソリューションを探しています。

編集:ユーザーのログインを記憶するために Cookie を使用します。問題は、ブラウザーがパスワードを記憶することを提案しないことです。

HTMLは次のとおりです。

<div class="window loginWindow sn-login">
    <div>
        <input type="text" id="UserName" placeholder='Username' />
    </div>
    <div>
        <input type="password" id="Password" placeholder='Password' />
    </div>
    <div>
        <div>
            <input type="checkbox" id="RememberMe" />
            <label for="RememberMe">Remember my login</label>
        </div>
        <div>
            <button class="loginSubmit">Login</button>
        </div>
    </div>
</div>

JavaScript は次のとおりです。

var $userName = $("#UserName"),
    $rememberMe = $("#RememberMe"),
    $password = $("#Password");

var name = $userName.val(), pw = $password.val();
$.ajax({
    type: "POST",
    url: "/UserActions/LogIn",
    dataType: "json",
    data: { password: pw, email: name },
    success: function (data) {
        if (data.success) {
            if ($rememberMe.is(":checked")) {
                // Omitted for brevity
            }

            window.location.reload();
        }
        else {
            // Omitted for brevity
        }
    }
});
4

2 に答える 2

0

フォームを使用してブラウザーの組み込みの「パスワードを記憶する」オプションをトリガーしますがsubmit、デフォルトのイベントをキャンセルして代わりに AJAX ログインを処理するイベントをフォームに設定します。

于 2013-09-04T10:06:56.723 に答える