java多线程    Java入门    vsftp    ftp    linux配置    centos    FRP教程    HBase    Html5缓存    webp    zabbix    分布式    neo4j图数据库    

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>


This entry was posted in WEB前端 and tagged , , . Bookmark the permalink.
月小升QQ 2651044202, 技术交流QQ群 178491360
首发地址:月小升博客https://java-er.com/blog/ajax-submit-form/
无特殊说明,文章均为月小升原创,欢迎转载,转载请注明本文地址,谢谢
您的评论是我写作的动力.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

*