ajax提交表单 浏览器记住密码功能失效


现在流行ajax提交表单,但是副作用是浏览器自动记住输入框内容的功能就失效了。

其实浏览器是通过submit这个动作来检测。那么我模拟一次form 的 submit就好了。

下面是两句核心代码

onsubmit="return false;"
 
<input type="submit" id="signin"  />

以前我们可能用

<input type="button" id="signin"  />

修改前,我们连form都不需要

    <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 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>
如果你是一名技术人员可加我QQ 2651-0442-02,如果你是java技术人还可以加入QQ群 1784-9136-0
你将得到的不仅仅是技术的交流,还有职业机会,人生解惑.
首发地址:月小升博客http://java-er.com/blog/ajax-submit-form/
无特殊说明,文章均为月小升原创,欢迎转载,转载请注明本文地址,谢谢
此条目发表在 WEB前端 分类目录,贴了 , , 标签。将固定链接加入收藏夹。
既然来了,就评论一下,不会怀孕的

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">