在表单中提交值后如何显示框

Question

因此，我有一个弹出窗口，用户需要输入名称，单击“提交”按钮后，此窗口将关闭。

您可以在此处进行测试： http : //eurokos.lt/under20/button.php （单击21按钮，然后尝试输入任何值并查看会发生什么）

对于此弹出框，我使用了功能：

function popUp() {
    document.getElementById('light').style.display='block';
    document.getElementById('fade').style.display='block';
}

此功能用于X按钮关闭窗口：

function closeWindow() {
    document.getElementById('light').style.display='none';
    document.getElementById('fade').style.display='none';
}

我的打开弹出窗口的按钮如下所示：

Echo "<input type='button' onclick='popUp();' value='".$i."' />";

这是PHP_SELF和形式：

<?php
if(isset($_POST['submit'])) 
{ 
    $name = $_POST['name'];
    echo "</br>You have entered: <b> $name </b>";

}
?>
<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
   <input type="text" name="name"><br>
   <input type="submit" name="submit" value="Submit Form"><br>
</form>

`

我需要做哪些张贴结果输入什么，窗口没有关闭？ 提交时可能需要再次使用popUp（）函数吗？ 但是如何正确地做到这一点？ 谢谢。

Answer 1

尝试这个：

HTML：

<form method="post" action="" onsubmit="return display()">
<div id="answer"></div>
<input type="text" name="name" id="name"><br>
<input type="submit" name="submit" value="Submit Form"><br>
</form>

JavaScript的：

function display(){
 var ans    =   document.getElementById("name").value
 document.getElementById("answer").innerHTML="You have entered:"+ans;
 return false;
}

更新：

 function popUp(){
 document.getElementById("answer").innerHTML=""; //Add these in your popup function
 document.getElementById("name").value="";
 }

Answer 2

首先，我建议您避免使用PHP_SELF，因为它可能会被人为操纵，因此效果不佳。

在页面顶部尝试执行以下操作：

<?php
 $thispage = $_SERVER['PHP_SELF'];
?>
<html>
.
.
.
 <form method="post" action="<?=$thispage?>">
   <input type="text" name="name"><br>
   <input type="submit" name="submit" value="Submit Form"><br>
 </form>
</html>

然后，使用将数据发送到PHP的操作，将重新加载页面，因此您很可能会丢失所做的所有内联修补程序。 尝试在提交后获取输入值，将它们分配给变量并执行操作，例如：

xmlhttp.open("POST","<?=$thispage?>",true);
xmlhttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");
xmlhttp.send("name=name");

使用异步调用，您不会重新加载页面，也不会丢失更改

在表单中提交值后如何显示框

问题描述

2 个解决方案

解决方案1
0 已采纳 2013-11-21 12:44:21

解决方案2
0 2013-11-21 12:58:55

在表单中提交值后如何显示框

问题描述

2 个解决方案

解决方案1 0 已采纳 2013-11-21 12:44:21

解决方案2 0 2013-11-21 12:58:55

解决方案1
0 已采纳 2013-11-21 12:44:21

解决方案2
0 2013-11-21 12:58:55