javascript - 在用户点击提交后提供反馈

Question

用户点击提交后，我怎样才能得到一个弹出框或简单的“谢谢”字样？最简单的方法：

<div id="suggestion">
    <div class="control-group">
        <div class="controls">
            <input type="submit" value="Send" class="btn btn-info" />

这是PHP：

<?php
    // Email of sender
    $videogamename = $_POST['namevideogame']; 

    // From (Sender Name)
    $artistname = $_POST['nameofartist'];

    $header = "from: Game AMV";

    // Message
    $message = "Name of Video Game: ".$videogamename."\r\n\nName of Artist/Song: ".$artistname."\r\n\nLink: ".$_POST['link'];

    // Enter your email address
    $to ='something@gmail.com';

    $send_contact = mail($to, 'New Song Suggestion from gameamv.com', $message, $header);

    // Check, if message sent to your email 
    // display message "We've recived your information"
    if($send_contact){
        header("location: http://gameamv.com/");
    } else {
        echo "Error. The form was not submitted. Please try again.";
    }
?>

Answer 1

简单——给你的<form>元素一个可识别的id价值。

然后，您将按如下方式挂钩onsubmit事件：

document.getElementById('myThankfulForm').addEventListener('submit', function () {
    alert("Thankful Form is Thanking you!");
}, false);

这是一个演示jsFiddle。

Answer 2

如果您希望它在发送电子邮件后（页面重新加载后）弹出，我会在您重定向到登录页面之前将一条消息放入 Session 值中。然后在登陆页面上，检查是否设置了 Session 值，如果登陆页面回显一些 Javascript 来提醒消息，则将 Session 值设置为 null。

当然，我假设这是一个应用程序。