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

php javascript

2022-08-31 00:59:57

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

这是脚本

<?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>

答案 1

您正在 HTML 的正文标记之外进行回显。把你的回声放在那里，你应该没事。

此外，从提交中删除。这是您第一条消息的原因。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>

答案 2

与其使用提交按钮，不如尝试使用<button type="button">Submit</button>

然后，您可以在按钮中调用javascript函数，并在确认警报弹出窗口后，您可以使用document.getElementById（“form”）.submit（）;手动提交表单。...因此，您需要命名和标识表单才能正常工作。