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

在做登陆注册模块时，发现一个浏览器的大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>