浏览器记住用户名密码的解决办法

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011050631/article/details/48464851

在做登陆注册模块时,发现一个浏览器的大bug,在在注册页面时,浏览器会自动填充用户名,密码,刚刚要注册的用户,怎么可以直接有默认的用户名密码呢!这是浏览器的记住密码功能,本来是方便登陆的,但是一些浏览器做的确实是太不厚道了,或者说太不走心了。
找了几个解决办法
1)其实html5中有个属性autocomplete,是来告诉浏览器要不要自动填充表单的,但是像大多数的浏览器对这个属性是不会理会的,但还是写上吧。

 <form id="loginForm" method="post" autocomplete="off"  action="<%=request.getContextPath()%>/rest/login/regAction">

2)js清除浏览器输入的值。在body onload完成后执行一段清除input value的操作,其实这个也失败了,如果用debugger走一下代码,会执行写的代码,如果不用debugger,浏览器直接就绕过这段代码了,你说气人不。

function clearInput(){
    $("#regUserName").val('${number}');
    $("#regPassWord").val("");
    $("#regPassWordVerify").val("");
    //ui.alert("如果手机号码不是您要注册的手机号码,请关闭浏览器记住密码功能,然后重启浏览器",15000,false);
}

在感觉就要绝望的时候,直接提示用户 “如果手机号码不是您要注册的手机号码,请关闭浏览器记住密码功能,然后重启浏览器”,但是用户不是开发人员,他不懂怎么清理啊,还是得继续改。

3)一点曙光:看了一下浏览器能自动填充用户名密码的原因,原来,他是根据input的type属性来判断的,如果是password就填充密码,这就好办了。我把password的属性改为text,然后在页面加载完成后再用js改变他的属性。这次倒是不自动填充密码了,用户名还是能自动填充,苦闷。还有密码填充到确认密码的输入框中了。仔细想了想,估计浏览器是根据text和password组合出现为条件,来进行填充的。试了一下,果然如此,只要在页面加载的时候,text和password不同时出现,就可以了。

 <form id="loginForm" method="post" autocomplete="off"  action="<%=request.getContextPath()%>/rest/login/regAction">
            <div>
                <span class="sllNumber">手机号码:</span>
                <input type="text" value="${number}" class="userName" disabled="disabled" name="regUserName" id="regUserName" onkeypress="ValidateSpecialCharacter()"/>
                <span style="color: red;left: 485px;position: absolute;top:90px;width:220px"></span>
            </div>
             <input type="text" style="display:none;"></input>
            <div>
                <span class="sllNumber">密码设置:</span>
                <input type="text" onfocus="this.type='password'" autocomplete="off" class="password passwordSet" name="regPassWord" id="regPassWord" onkeyup="AnalyzePasswordSecurityLevel()"/>
                <span style="color: red;left: 485px;position: absolute;top:180px;width:220px">(6到16位数字和字母)</span>
                <span id="safeClass" class="Strength_1" ></span>
                <!--<img src="${basePath}skin_group_web/newStyle/img/line_04.gif" width="143" height="6" class="setPasswordLine">  -->
            </div>
            <div>
                <span class="sllNumber">密码确认:</span>
                <input  autocomplete="off" type="text" onfocus="this.type='password'"class="password passwordSet" id="regPassWordVerify"/>
            </div>

没有更多推荐了,返回首页

私密
私密原因:
请选择设置私密原因
  • 广告
  • 抄袭
  • 版权
  • 政治
  • 色情
  • 无意义
  • 其他
其他原因:
120
出错啦
系统繁忙,请稍后再试

关闭