iframe无跳转表单提交

最新推荐文章于 2022-08-05 09:50:13 发布

zxb_search

最新推荐文章于 2022-08-05 09:50:13 发布

阅读量174

点赞数

CC 4.0 BY-SA版权

分类专栏：时代天使文章标签： iframe 无跳转表单提交

本文链接：https://blog.youkuaiyun.com/zxb_search/article/details/84415667

时代天使专栏收录该内容

1 篇文章

订阅专栏

本文探讨了在用户注册场景中使用jQueryFormValidator插件时遇到的无刷新跳转问题，通过分析发现直接使用AJAX提交导致顺序执行问题，最终选择使用iframe来实现页面不刷新且成功提交数据的解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

今天开发中需要实现用户注册无刷新跳转。既然是用户注册第一个想要用到的插件是juery formValidator（功能比较强大，效果也比较好），要实现不刷新跳转，那肯定是通过AJAX的方式去提交数据，用到的是jquery.form表单插件。

在使用的过程中出现了问题，两个插件都是在绑定表单，在表单提交的时候去触发的，如何保证执行的先后顺序，一般的处理是将jquery.from的触发，formValidator的success方法中，也不是按顺序执行的。尝试了各种方式也不行。（有遇到类似问题的，可以提供下看怎么处理的）

然后放弃jquery.form 改用iframe去实现。

<form id="regform" name="regform" action="/user/register.php" method="post" target="subtarget">
</form>
<iframe id="subtarget" name="subtarget" style="display:none;"></iframe>

在服务端输出验证JS，就OK了。 echo '<script>window.parent.alert("验证码验证失败！")</script>';exit;