如何在提交表格后获得弹出框

How to get a popup box after submitting a form?

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

[SOLVED]感谢所有回复的人。

我有一个PHP脚本，它是在用户提交联系人表单后运行的。此脚本在左上角显示一条消息，说明它是否工作正常或遇到问题。

现在我的问题是，如何将这些消息放入弹出框中？我知道其中涉及JS，但我对此知之甚少。

（例如：http://www.dylanvanheugten.nl/contact.php)

PHP

$name = $_POST['name'];
$email = $_POST['email'];
$message = $_POST['message'];
$from = 'From: Site Contact';
$to = 'info@dylanvanheugten.nl';
$subject = $_POST['subject'];
$human = $_POST['human'];
$body = "From: $name'n E-Mail: $email'n Message:'n $message";
if ($_POST['submit']) {
    if ($name != '' && $email != '' && $subject != '' && $message != '') {
        if ($human == '12') {                
            if (mail ($to, $subject, $body, $from)) { 
                echo '<p>Uw bericht is verzonden.<br/> U krijgt binnen 3 werkdagen een bericht terug.</p>';
            } else { 
                echo '<p>Er is iets mis gegaan tijdens het versturen van uw bericht.<br/> Probeert u alstublieft nogmaals.</p>'; 
            } 
        } else if ($_POST['submit'] && $human != '12') {
            echo '<p>U heeft de spam preventie som foutief beantwoord.</p>';
        }
    } else {
        echo '<p>Alstublieft alle velden invullen.</p>';
    }
}

HTML

<form method="post" action="contact.php">
    <label>Naam</label>
    <input name="name" placeholder="Naam">
    <label>Email</label>
    <input name="email" type="email" placeholder="Email">
    <label>Onderwerp</label>
    <input name="subject" placeholder="Onderwerp">
    <label>Bericht</label>
    <textarea name="message" placeholder="Laat hier ook uw telefoonnummer achter als u telefonisch contact wilt."></textarea>
    <label><strong>*Spam preventie*</strong><br/>Wat is 11+1?</label>
    <input name="human" placeholder="11 + 1 =">
    <input id="submit" name="submit" type="submit" value="Verzend">
    <label><u>Alle velden zijn verplicht.</u></label>
</form>

用这样的<script>标签封装您的echo。

echo '<script>alert("Alstublieft alle velden invullen");<script>';

与从PHP打印HTML的方式相同，您也可以"打印"javascript。下面是一个带有警报框的示例：

print("<script>window.alert('This is a javascript alert from PHP');</script>");

如果需要，您也可以将PHP变量放入语句中。

您可以简单地使用类似alert msg的

$msg='';
if ($_POST['submit']) {
    if ($name != '' && $email != '' && $subject != '' && $message != '') {
        if ($human == '12') {                
            if (mail ($to, $subject, $body, $from)) { 
                $msg='Uw bericht is verzonden.<br/> U krijgt binnen 3 werkdagen een bericht terug';
            } else { 
                $msg='Er is iets mis gegaan tijdens het versturen van uw bericht.<br/> Probeert u alstublieft nogmaals.'; 
            } 
        } else if ($_POST['submit'] && $human != '12') {
            $msg='U heeft de spam preventie som foutief beantwoord.';
        }
    } else {
        $msg='Alstublieft alle velden invullen.';
    }
    echo '<script>
             alert("'.$msg.'");
          </script>';
    // you can replace the above javscript code to any plugin like jquery ui modal box
}

在html标记的顶部添加一些javascript，在其中定义显示弹出窗口的方法。类似这样的东西：

<script type="text/javascript">
function displayPopup()
{
 alert("Form submitted!");
}
</script>

然后，当表单提交后，在PHP中，只需在脚本标记中调用方法displayPopup（）即可。

你当然可以优化上面的方法，但它应该给你一个起点。

将错误消息存储在一个变量中，并在所需的div中简单地回显它们。

if ($_POST['submit']) 
{
    if ($name != '' && $email != '' && $subject != '' && $message != '') 
    {
        if ($human == '12') 
        {                
            if (mail ($to, $subject, $body, $from)) 
            { 
                $message = '<p>Uw bericht is verzonden.<br/> U krijgt binnen 3 werkdagen een bericht terug.</p>';
            } else 
            { 
                $message = '<p>Er is iets mis gegaan tijdens het versturen van uw bericht.<br/> Probeert u alstublieft nogmaals.</p>'; 
            } 
        } else if ($_POST['submit'] && $human != '12') 
        {
            $message =  '<p>U heeft de spam preventie som foutief beantwoord.</p>';
        }
    } 
    else 
    {
        $message = '<p>Alstublieft alle velden invullen.</p>';
    }
}

在你的HTML中，你可以创建一个并显示里面的错误：

<div id="errorMessage"> <?php echo $message; ?> </div>

尝试使用此代码

if ($query) {
    echo "<script type='text/javascript'>alert('data Updated successfully!'); window.location.href = 'home.php';</script>";              
} else {
    echo "<script>alert('ERROR! Something Went wrong. Try Again')</script>";
}
相关文章：