如何使浏览器在登录后提供密码和电子邮件存储


how to make browsers to offer password and email store after log in

我应该在这段代码上修改什么,让浏览器清楚地知道"你可以保存这个字段"。(对于那些不想在任何时候输入它们的用户)

(浏览器信息和分辨率是用于统计的隐藏字段)

<form id='log_in' action='/_fn/log_in.php' method=post>
                <ul id='m1_bal'>
                    <!--<li><a HREF='/print' TITLE='belépés' tabindex=3><img WIDTH=32 HEIGHT=32 ALT='' SRC='/images/menu1/nyil.png'></a></li>-->
                    <li><input type=submit value='belépés' tabindex=3></li>
                    <li><!--[if IE]>jelszó:<![endif]--><input name='password' tabindex=2 type=password placeholder='jelszó'></li>       
                    <li><!--[if IE]>email:<![endif]--><input name='email' tabindex=1 type=text placeholder='email'></li>                        
                    <input name='felbontas' type=hidden>
                    <input name='bongeszo' type=hidden>
                    <input name='href' type=hidden>
                </ul>
            </form>

javascript代码:

$('#log_in').submit(function(e){
    //browser info
    var b = "?";
    if( $.browser.msie)b = "IE";
    if( $.browser.webkit)b = "Webkit";//Chrome/Safari
    if( $.browser.opera)b = "Opera";
    if( $.browser.mozilla)b = "Mozilla";
    var bongeszo = b+" "+$.browser.version;
    //resolution
    var felbontas = $(document).width()+"x"+$(document).height();

            /* METHOD 2
    $(this).find('input[name=bongeszo]').val(bongeszo);
    $(this).find('input[name=felbontas]').val(felbontas);
    $(this).find('input[name=href]').val(window.location.href);
    */
    e.preventDefault();
    $.post($(this).attr('action'),{
        email: $(this).find('input[name=email]').val(),
        password: $(this).find('input[name=password]').val(),
        felbontás: felbontas,
        böngésző: bongeszo
        },function(answer){
            if(answer=="1")window.location.reload();else
                alert(answer);
    });
});

如果你说:我告诉你,不要使用ajax,我也厌倦了没有它。参见:METHOD 2

答案非常有趣:

我用了这个表格http://www.debugtheweb.com/test/passwordautocomplete.asp做一个非常简单的登录肯定有效。我一步一步地将它与我的代码进行了比较,并对其进行了测试,最终意识到元素的顺序是错误的。(我把它倒过来是因为右边浮动)

        <form id='log_in_form' action='/_fn/log_in.php' method=post>
            <ul id='m1_jobb'>               
<!--A-->                <li><input type='text' name='email'></li >
<!--B-->                <li><input type='password' name='password'></li >
                <li><input type=submit value='belépés'></li >
            </ul>
        </form>

A线和B线无法切换

AJAShing也以这种方式工作(因此忽略操作):

$('#log_in_form').submit(function(e){
    $.ajaxSetup({async:false});
    $.post($(this).attr('action'),{
        email: $(this).find('input[name=email]').val(),
        password: $(this).find('input[name=password]').val()
        },function(answer){
            if(answer=="1")window.location.href=window.location.href;else{
                e.preventDefault();
                alert(answer);
                }
    });
});