你好,欢迎访问我的博客!登录 VIP视频 领券购物 免责声明 投稿本站 本站主题
当前位置:首页 - 笔记 - Web前端 - 正文 君子好学,自强不息!

form表单提交后不刷新不跳转的实现方法

2017-04-07Web前端墨初1534°c
A+ A-

由于制作用户的注册界面,发现每当form表单提交后,都会刷新一下,导致填写的数据丢失,为了解决这一问题专门,百度了一下。还真找到了一种form表单提交后,不刷新的方法,先转过来,以后备用。

代码如下:

<html>
    <body>
        <form action="" method="post" target="nm_iframe">
            <input type="text" id="id_input_text" name="nm_input_text" />
            <input type="submit" id="id_submit" name="nm_submit" value="提交" />    
        </form>
        <iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe>
    </body>
</html>

如上代码,利用一个iframe来实现

PS:此方法对大多数的表提不刷新有效果,但如果表单存在验证码的情况下,验证码不会刷新。

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
QR:  form表单提交后不刷新不跳转的实现方法

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章

发表评论

必填

选填

选填

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。


宝宝计划客户端
时间:2017-05-19 00:24:02

学会了 我也去试试

韩威博客
时间:2017-04-13 08:45:31

厉害了我的哥

  登录