以登录表单显示已保存的密码

时间:2011-08-11 16:03:06

标签: javascript jquery forms login passwords

我有一个网站,其中包含一个弹出的登录表单(“模态窗口”div)。

当打开登录表单时,输入显示浏览器保存的用户名和密码。

当用户更改用户名/密码并输入无效密码时(使用Ajax进行验证)然后他关闭窗口(使用$('#whatever').hide()),当他再次单击登录按钮时输入显示相同他之前输入的用户/通行证错误。

有没有办法强制浏览器将存储的登录信息设置为表单?

2 个答案:

答案 0 :(得分:0)

它显示以前的信息,因为您没有正确更新该区域?你也不可能。这些字段由浏览器在初始加载时设置,而不是在异步调用上设置。

如果用户输入正确的用户名/密码,浏览器将提示他们保存该数据,然后在后续访问时,将存储这些值。

您无法明确告知浏览器保存用户名和/或密码。

您也无法将密码写入文本框,其textmode设置为密码,因为它是只读的。

答案 1 :(得分:0)

如果在加载页面时将用户名和密码设置为输入值,则只需重置表单即可。重置表单将在页面加载时将输入还原为其值。例如,当我加载页面时,请说我的表单如下所示:

<form id="login-form">
    <input type="text" name="username" value="matt" />
    <input type="text" name="password" value="pw" />
</form>

如果我将用户名和密码更改为无效的内容,您只需拨打$('#login-form').get(0).reset(),字段就会恢复为默认值。

检查出来:http://jsfiddle.net/sQV7T/