成功提交后获得表单弹出

Get form popup upon successful submission

本文关键字：表单 提交 成功      更新时间：2023-09-26

如何在成功提交后使用基本的javascript弹出窗口显示此表单"Submitted" ?

<!DOCTYPE html>
<html>
<head>
    <title>Site :: </title>
    <link rel="stylesheet" media="screen" href="css/wicahost.css" />
    <link rel="stylesheet" media="screen" href="css/global.css" />
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.js"></script>
    <?php require_once('inc/php/clearfieldJs.php'); ?> 
    <script type="text/javascript">
    $(document).ready(function() {
    $("#splashtease").RSV({
        rules: [
        "required,emAdd,Please enter your email address.",
        "valid_email,emAdd,Please enter a valid email address.",
        ]
    });
});
    </script>
</head>
<body>
    <script src="http://www.benjaminkeen.com/software/rsv/jquery/jquery.rsv.js"></script>
    <div id="splashTeaserBox">
    <h1 class="wicasplashcenter">Signup!</h1>
    <div class="wicasplashcenter">Captivating interests and inspiring collaboration.</div>
    <form id="splashtease" action="inc/subscribe.php" method="post">
    <?php $usrBrowser = $_SERVER['HTTP_USER_AGENT']; $todayDt = date('Y-m-d');  ?>
        <input type="text" name="emAdd" class="splashtease" value="Your Email Address ..." onFocus="clearText(this)" />
        <input type="hidden" name="brwsr" value="<?php echo $usrBrowser; ?>" style="margin:0; padding:0;" />
        <input type="hidden" name="dt" value="<?php echo $todayDt; ?>" style="margin:0; padding:0;" />
        <input type="submit" name="submit" value="" class="splashteasesub" />
    </form>
</div><!--splashTeaserBox--></body>
</html>
PHP 

 <?php
$host="localhost"; // Host name 
$username="root"; // Mysql username 
$password=""; // Mysql password 
$db_name="dnbame"; // Database name 
$tbl_name="subscriber"; // Table name
// Connect to server and select databse.
mysql_connect("$host", "$username", "$password")or die("cannot connect"); 
mysql_select_db("$db_name")or die("cannot select DB");
/* Obliterate bad input */
$goodEmail = mysql_real_escape_string($_POST['emAdd']);
$goodBrowser = mysql_real_escape_string($_POST['brwsr']);
$goodDate = mysql_real_escape_string($_POST['dt']);

$sql= "INSERT INTO subscriber (Email, Browser, DateSubscribed) VALUES('$goodEmail','$goodBrowser','$goodDate')";
$result = mysql_query($sql);
if (!$result) {
    die('Invalid Email, please retry.');
}
else{
    echo var success;
}
?>

一个基本例子:

在subscribe.php中修改:

else{
    echo var success;
}

: 

else {
    echo "<html><body onload='"alert('Submitted');'"><p>Submission successful.</p></body></html>";
}

@user886187的解决方案将在提交时重新加载页面，然后在页面重新加载时显示一个JavaScript弹出窗口。

您可能希望提交表单，然后在不重新加载页面的情况下显示弹出窗口。在这种情况下，您需要通过Ajax提交表单，然后在回调函数中警告"submitted":

function callback() {
    alert('submitted');
}

这是一个关于如何通过Ajax提交表单的教程:
http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/

将此代码放入您的subscribe .php

else {
 header  ('Location: formPage.php?message=Success');
}

和formPage.php

头中的代码
<head>
<?php  if ($_GET['message']) {echo '<script type="text/javascript">alert("Form Submited Successfully");</script>';} ?>
</head>
相关文章：