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

来自:互联网
时间:2018-08-11
阅读:

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

返回顶部
顶部