2013-04-22 47 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以提醒該消息,然後將會話值設置爲空。

當然我假設這是一個應用程序。