发表于 2016-11-16 12:48:55 by 月小升
现在流行ajax提交表单,但是副作用是浏览器自动记住输入框内容的功能就失效了。
其实浏览器是通过submit这个动作来检测。那么我模拟一次form 的 submit就好了。
下面是两句核心代码
onsubmit="return false;"
<input type="submit" id="signin" /> |
onsubmit="return false;"
<input type="submit" id="signin" />
以前我们可能用
<input type="button" 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> |
<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> |
<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
ajax,
浏览器,
记住密码. Bookmark the
permalink.
月小升QQ 2651044202, 技术交流QQ群 178491360
首发地址:
月小升博客 –
https://java-er.com/blog/ajax-submit-form/
无特殊说明,文章均为月小升原创,欢迎转载,转载请注明本文地址,谢谢
您的评论是我写作的动力.