2013-04-22 43 views
1

用户点击提交后,如何获得弹出框或简单的说“谢谢”?可能最简单的方法:用户点击提交后提供反馈

<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 ='[email protected]'; 

    $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."; 
    } 
?> 
+0

只要提醒('谢谢.....');这是你想要的? – PSL 2013-04-22 02:36:51

+0

“用户点击提交后,我怎样才能得到一个弹出框或简单的说,”谢谢“?最简单的方式” - 或不,这是一个更好的UI设计... – 2013-04-22 02:38:08

+0

记得要在执行'header('Location:$ url');' – Raptor 2013-04-22 02:41:40

回答

1

简单 - 给你的<form>元素的识别id值。

,那么你会挂接到onsubmit事件如下:

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

这里有一个演示jsFiddle

+0

'后点''exit;'在我点击提交按钮后,出现弹出窗口,如果我点击好或关闭,出现这个文件 。 getElementById('myThankfulForm')。addEventListener('submit',function(){alert(“Thankful Form is Thanking you!”);},false); 我怎么不显示? – 2013-04-23 00:44:29

+0

@VinhTran你的意思是说你的网页或者jsFiddle? – Jesse 2013-04-23 02:06:24

+0

我明白了,奇怪。这就是我讨厌编码的原因。我第一次做了完全相同的事情,但没有成功。删除并再次执行,一切正常。谢谢你的帮助!真棒的东西。 – 2013-04-23 02:40:42

0

如果您希望它在发送电子邮件(页面重新加载后)后弹出,我会在重定向到登录页面之前将消息放在会话值中。然后在着陆页上,检查是否设置了该会话值,如果它具有登录页面回显一些JavaScript以提醒该消息,然后将会话值设置为空。

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