轻松实现ajax登录时让浏览器保存密码

将登录页面由form提交改为ajax提交，发现一个副作用——登录时浏览器不会提示是否保存密码，这样每次登录都要输入用户名/密码。

html代码如下：

<script>$(function () {    $('#signin').bind('click', function () {        //ajax提交代码    });});</script><div class="block">    <label>登录用户名</label>    <input type="text" id="loginName" value=""/> </div><div class="block">    <label>密码</label>    <input type="password" id="password" value="" /></div>                 <div class="block">    <input type="button" id="signin"  /></div>

这个副作用让人甚是郁闷。

后来揣摩了一下，估计浏览器是根据表单提交事件来决定是否提示保存密码。试试欺骗一下浏览器，有form，有submit按钮，但在onsubmit时return false。

于是html代码改在了这样：

<form method="post" onsubmit="return false;">    <div class="block">        <label>登录用户名</label>        <input type="text" id="loginName" value=""/>     </div>    <div class="block">        <label>密码</label>        <input type="password" id="password" value="" />    </div>                     <div class="block">        <input type="submit" id="signin"  />    </div></form>

改完之后一试，问题竟然如此轻松地被解决了，嘿嘿。。。