欢迎来到飞鸟慕鱼博客,开始您的技术之旅!
当前位置: 首页前端设计正文

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

墨初 前端设计 11824阅读

由于制作用户的注册界面,发现每当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:此方法对大多数的表提不刷新有效果,但如果表单存在验证码的情况下,验证码不会刷新。

声明:无特别说明,转载请标明本文来源!