0

ログインボタンのあるフォームがあります。ログインボタンをクリックすると、ログインダイアログが表示されます。

ここにコードがあります：

if (typeof window.loginDialogObj === 'undefined') {
    var registerAddress = jQuery('#registerAddress');
    var forgotURL = jQuery('#forgotURL');
    var formHTML = "<div id='loginDialogDiv'>" +
                "   <div id='loginDialogText'>" + pageDictionaryTranslated.LoginDialogText + "</div>" +
                "   <div class='loginTitle'>Username</div> <input id='username' name='username' type='text'><span id='LoginUsernameValidator' style='display:none' class='asterix'>*</span><br/><br/>" +
                "   <div class='loginTitle'>Password</div> <input id='password' name='password' type='password'><span id='LoginPasswordValidator' style='display:none' class='asterix'>*</span><br/>" +
                "   <input id='password' type='hidden' value='test'><br/>" +
                "   <div class='loginDialogMessageContainer'><div id='loginDialogMessage' style='display:none' class='error-input ui-corner-all'></div><div class='clear'></div></div>" +
                "   <div class='forgot'><a href='" + forgotURL.val() + "'>" + pageDictionaryTranslated.LoginDialogForgotPassword + "</a><br/><a id='RegisterButton' href='" + registerAddress.val() + "'>" + pageDictionaryTranslated.ButtonRegister + "</a><br/></div>" +
                "   <div class='popupButton button buttonLogin' id='loginDialogSubmitButton' style='float:right;'><a onclick=\"javascript:DoLogin(window.loginDialogObj);return false;\" href='javascript:void(0);'>" + pageDictionaryTranslated.LoginDialogButtonLoginText + "</a></div>" +
                "</div>";
    window.loginDialogObj = jQuery(formHTML).dialog({
        title: pageDictionaryTranslated.LoginDialogTitle,
        closeOnEscape: true,
        draggable: false,
        resizable: false,
        dialogClass: 'loginModal modal',
        modal: true
    });
}
else {
    // display dialog and clear all fields
    resetFormFields(window.loginDialogObj).dialog('open');
    jQuery("#loginDialogMessage", window.loginDialogObj).html('');
}

ログインボタンをクリックすると、AJAX リクエストが送信され、保護された領域にリダイレクトされます。

問題は、ユーザー名とパスワードのテキストボックスのオートコンプリートが機能せず、顧客から次のような質問が寄せられることです。

私は助けが必要です！何がうまくいかないのですか？

アドバイスありがとう

4

1 に答える 1

0

オートコンプリートを明示的にオフにするフォーム HTML 内には何も表示されません。

ページに HTML 文字列を挿入するのではなく、HTML をページに配置し、JavaScript を使用して適切なタイミングで表示すると、オートコンプリートが得られるのではないかと思います。

アップデート

実際には、問題はフォームがないことにある<form ...>かもしれません。入力をタグでラップした場合、ブラウザは詳細を記憶するように提案する可能性が高くなります。

ブラウザがユーザー名とパスワードを記憶することを提案しないということですか?

于 2012-09-28T08:08:55.483 に答える