提交后成功/失败消息弹出框?

时间:2013-04-27 09:46:16

标签: php javascript

基本上单击提交按钮后,我想弹出一个弹出框说成功或失败,然后单击确定以确认消息。目前我得到一个弹出框“未定义”,然后是失败的消息弹出框。 请帮忙!

这是脚本

<?php
include ('config.php');

if (isset($_POST['name'])) {

$name = "name";

$query = "INSERT INTO pop ('id','name') VALUES ('','$name')";
    $result = mysql_query($query,$cn);
    if ($result) {
    echo "<script type='text/javascript'>alert('submitted successfully!')</script>";
}
else
{
    echo "<script type='text/javascript'>alert('failed!')</script>";
}
}       
?>

<html>
<head>
</head>
<body>

    <form action="" method="post">
    Name:<input type="text" id="name" name="name"/>
    <input type="submit" value="submit" name="submit" onclick="alert();"/>
    </form>
</body>

2 个答案:

答案 0 :(得分:19)

您正在回显HTML的body标签之外。 把你的回声放在那里,你应该没事。

另外,从提交中删除onclick="alert()"。这是您的第一条undefined消息的原因。

<?php
  $posted = false;
  if( $_POST ) {
    $posted = true;

    // Database stuff here...
    // $result = mysql_query( ... )
    $result = $_POST['name'] == "danny"; // Dummy result
  }
?>

<html>
  <head></head>
  <body>

  <?php
    if( $posted ) {
      if( $result ) 
        echo "<script type='text/javascript'>alert('submitted successfully!')</script>";
      else
        echo "<script type='text/javascript'>alert('failed!')</script>";
    }
  ?>
    <form action="" method="post">
      Name:<input type="text" id="name" name="name"/>
      <input type="submit" value="submit" name="submit"/>
    </form>
  </body>
</html>

答案 1 :(得分:1)

请尝试使用<button type="button">Submit</button>

,而不是使用提交按钮

然后,您可以在按钮中调用javascript函数,并在确认警报弹出窗口后,您可以使用document.getElementById(“form”)手动提交表单.submit(); ...所以你需要为你的表格命名和识别它才能发挥作用。