阻止form默认提交行为（亲测最详细！！！）

150 阅读 0 评论 99 点赞

我是靠谱客的博主欢呼蓝天，这篇文章主要介绍阻止form默认提交行为（亲测最详细！！！），现在分享给大家，希望可以做个参考。

解决问题思路：form表单默认具有提交刷新页面的行为，通过让他向当前页面提交就不会产生刷新的行为，如果要跳转页面，可以让如果数据正确跳转页面，不正确向本页面提交，通过采用iframe可以页面嵌套的方式进行解决

<form action="" target="tset">
   <input type="submit" value="确定提交" class="info_btn" />
</form>

form表单解决默认提交有好几种，这是第一种还有通过默认点击事件阻止默认刷新

 <iframe id="iframe" name="tset" style="display: none"></iframe>

通过form表单的target属性指向iframe，并把iframe 隐藏即可解决，iframe其实就是一个页面，因为iframe可以进行页面嵌套,通过form表单的提交行为，让他提交到iframe，但是我们把iframe隐藏掉了，所以看不到，但是iframe也会刷新

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。