表单提交而不转到目标页面

时间:2014-05-24 04:42:11

标签: javascript php oracle

我对表单提交有疑问。我在 processFabrication.php 上有这个简单的表单来提交所有变量,然后在另一个名为 processExceededQty.php

的页面中将其处理到数据库

Co,在 processFabrication.php 中,我有

 echo "<form action='processExceededQty.php' method='post'>";

当我点击submit时,会转到 processExceededQty.php

我的目标是,

  1. 当用户点击提交时,弹出
  2. 显示确认是/否
  3. 用户在确认窗口中单击“是”后,请保留 processFabrication.php ,但仍然会执行 processExceededQty.php 中的方法。
  4. 当用户在弹出窗口中单击否时,请返回并且不要执行表单操作
  5. 非常感谢任何帮助。

3 个答案:

答案 0 :(得分:3)

javascript中的类似内容:

function doSubmit(){

if (confirm('Are you sure you want to submit?')) {
    // yes
    return true;
} else {
    // Do nothing!
    return false
}
}

onsubmit

中将html添加到您的表单中
<form action='processExceededQty.php' method='post' onsubmit='doSumit()'>

答案 1 :(得分:2)

除了@ N0M3答案。 在<head>

中添加以下脚本
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

你的功能稍有改变

function doSubmit(){

if (confirm('Are you sure you want to submit?')) {
    // yes
     $(this).submit(function(e){
        e.preventDefault();
     });

    jQuery.ajax({
        url : 'processExceededQty.php',
        data : {'username':username}, // where first 'username' is your field name, and second one is your field's value
        method: 'post',
        success: function(data) {
             // data is variable which has return data from `processExceededQty.php` 
             // do whatever you want with data
        }
    });    


} else {
    // Do nothing!
    return false;
}
}

答案 2 :(得分:0)

使用&#34; onsubmit&#34;上的功能如下形式,

<form action='processExceededQty.php' method='post' onsubmit='reutrn show_pop_up()'>

在脚本上你可以写下面的

<script>
   function show_pop_up()
   {
      // show pop up
      if(op_up_return =="Yes")
          return true;
      else
          return false;
   }
</script>

希望这会有所帮助。