怎么写程序使提交表单后弹出框显示成功或失败,页面不跳转?

<form id="form_4189" name="form_4189" class="common_form" action="" method="POST" >

<ol>
<li style=" margin-left:30px; margin-bottom:10px; margin-top:10px;">
<label for="form_4189_name">姓名:</label>
<input id="form_4189_name" class="common_form_text form_4189_name" name="name" type="text" value="" style="width:165px; height:30px; background-color:#f5f4f2; border:1px solid #e3e3e3; line-height:30px;" />
</li>
<li>
<label for="form_4189_telephone" style=" margin-left:30px;">电话:</label>
<input id="form_4189_telephone" class="common_form_text form_4189_telephone" name="telephone" type="text" value="" style="width:165px; height:30px; background-color:#f5f4f2; border:1px solid #e3e3e3; line-height:30px;" />
</li>
</ol>
<div class="common_form_btns" >
<input type="submit" class="common_form_submit" value="提交" style=" margin:10px 80px; width:40px; height:30px;">
</div>
</form>

第1个回答  2015-08-10
<form id="form_4189" name="form_4189" class="common_form" action="" method="POST" onsubmit="return false">

加上这个就可以了onsubmit="return false"追问

我的意思是表单提交后,页面不跳转,弹出框显示:“您已提交”

追答

改:

onsubmit="alert('您已提交');return false"

采纳即可

第2个回答  推荐于2016-11-08
用ajax,ajax是局部刷新页面,不会跳转。具体如下:
<input type="button" class="common_form_submit" value="提交" style=" margin:10px 80px; width:40px; height:30px;" onclick="submit();">
function submit(){
$.ajax({
type:"POST",
url:"${request.getContextPath}/你跳转的名字",
data: {
你需要传的参数1: XXXX,
你需要传的参数2: XXXX,
你需要传的参数3: XXXX
}
});
}
或者后台用forward,这样就不会跳转了追问

url:"${request.getContextPath}/你跳转的名字",
data: {
你需要传的参数1: XXXX,
你需要传的参数2: XXXX,
你需要传的参数3: XXXX
}
不是不让他跳转吗?为什么还要写跳转的名字
需要传的参数又是什么啊?

追答

额,笔误,比如:这个url:"${request.getContextPath}/punishmentManage.do",后面的是配置文件的中配置的名字,然后会跳到controller,需要传的参数就是,你页面需要传那些数据到后台啊

追问


用action将数据传到对应的后台了,还需要再写
url:"${request.getContextPath}/你跳转的名字",
data: {

}
使他再次传吗?

追答

不需要了~~只是用AJAX不会全部刷新页面,只是局部刷新,如果你用action传参数,那么后台就需要用forward来转发,这样就不会刷新了

本回答被提问者和网友采纳
第3个回答  2015-08-10
你里面也没有跳转页面的代码啊

怎么写程序使提交表单后弹出框显示成功或失败,页面不跳转?
加上这个就可以了onsubmit="return false"

PHP提交表单,不跳转网页,直接弹出表单处理结果,并自动刷新
“原表单页面弹出一个表单处理成功或者失败的提示框”。这个弹出提示框的语句您是写在a页面还是b页面,如果是a页面,在提示语句后面直接写location.reload();如果是在b页面写的,那就是parent.location.reload();以上语句是指javascript脚本

...java中action怎么设置页面不跳转,表单提交后还是原来页面;
1. 验证时,除了 adUpdateCheck 函数里返回false之外,button 里还需要写成这样:这样才能在返回false的时候不提交表单,因为这种内联方式的onclick事件,引号内部其实是JS语句,而不是只表示JS函数。2. 提交后返回原页面,只需要设置result为提交之前一样的就可以了,比如 return "success" 或者 return ...

jsp 如何实现提交表单 但不跳转到提交页面
1 在form标签里加上target=_blank,页面在提交时不会跳走,但会重新打开一个页面,在那里跳转,在那里把程序执行完之后,做一个无询问的关闭就行了 2 用ajax提交,这样页面就真正做到了不跳转,但我不建议你这样做,ajax是不可靠的,有时什么错都不报,但就是没执行成功,而且估计要写很长的js...

如何在 form 表单提交后实现页面不跳转
把targert="_self"语法 属性值 _blank 在新窗口中打开被链接文档。_self 默认。在相同的框架中打开被链接文档。_parent 在父框架集中打开被链接文档。_top 在整个窗口中打开被链接文档。framename 在指定的框架中打开被链接文档。

请问怎么让from提交表单成功之后显示提交成功
所以建议放弃提示信息吧,把用户注册后引导到他想继续做的事上,这才是跳转的作用。不过,如果实在想这样干破坏用户体验,你可以使用 javascrip 实现,最简单的比如用 jQuery 的 ajaxSubmit 实现 ("#Form1").ajaxSubmit(function(message) { \/\/ 提交成功后处理,message为提交页面的返回内容 });具体...

表单提交后怎么在本页面弹出新窗口
提交时,记得收藏那个链接。如果是程序代码问题,请编写以下代码:在中加上target="_blank"即可。如果要使用自定义的弹出窗口,可以使用下边的方法: function windowOpener(loadpos){ controlWindow=window.open(loadpos,"surveywin","toolbar=yes,location=no,directories=no,status =no,menubar=no...

如何在 form 表单提交后实现页面不跳转
不要用提交按钮 用普通按钮 按钮的 click事件中 进行ajax 就可以 function sub(){var name= $("#uname").value();$.ajax({ url:url, data:{uname:name}, complete:function (data){ \/\/ 这里获取后台数据 DATA 刷新当前页面的内容})} ...

php页面提交失败如何放回php页面提交失败如何放回桌面
1.使用header设置缓存控制标题Cache-control。页眉(缓存控制:私有,必须重新验证);\/\/支持页面反弹 2.使用session_cache_limiter方法 会话缓存限制器(私有,必须重新验证);\/\/在session_start方法之前编写 下面的代码片段可以阻止用户填写表单,当他们点击“提交”按钮返回时,刚刚填写的表单内容不会被清除:会话...

如何让表单javascript验证失败后,不能跳转到acction页面,并保留表单的...
事实证明就可以阻止,所以你可以在check里面做判断,通过了就return true;失败了return false; onsubmit是不可以的。。

相似回答