2013-07-09 112 views
-1

我有一個聯繫表格供人們填寫,如果他們想與我聯繫。一個php頁面會將這些東西發送給我的電子郵件地址。更改點擊表格上的內容按鈕

2個問題:

  1. 我想確認按鈕的內容更改爲:「發送消息」當有人點擊按鈕時。但我希望它在3秒後回到原始狀態。

  2. 當你點擊按鈕時,它會在瀏覽器中加載php頁面!這不是我想要的。我只是想讓按鈕給我發一封電子郵件,而不是去另一個頁面。

希望你能幫助!

回答

0

起初,你將不得不使用JavaScript和AJAX。爲什麼不使用像Jquery這樣的JavaScript庫?

假設你打算使用它,代碼就像這樣。

HTML:

<form id="yourForm"> 
    <label for="name">Name</label> 
    <input id="name" name="name" type="text" /> 
    <input class="submitBtn" type="submit" value="OK"/> 
</form> 

的Javascript:

$(document).ready(function(){ 
    $('#yourForm').submit(function(event){ 
     $('.submitBtn').attr('value','MESSAGE SEND'); 

     setTimeout(function(){ 
      $('.submitBtn').attr('value','OK'); 
     }, 3000); 

     var stuff = $('#yourForm').serialize(); 

     jQuery.ajax({ 
      type: 'POST', 
      url: 'your_php_code.php', 
      data:{ 
       'stuff':stuff,     
      } 
      ,success: function(response){ 
       alert('OK'); 
      } 
     }); 

     //Prevents form submission 
     return false;   
    }); 
}); 

PHP

<?php 
    parse_str($_POST['stuff']); 
    mail("[email protected]", "subject", $name); 
?> 
+0

完美!這很好! – user1737979

0

爲了您的1個問題,你需要JavaScript來改變按鈕的行爲,你的2問題從PHP腳本只是做一個頭重定向做出相應的動作

+0

你能告訴這是如何工作? (你解決問題2)? – user1737979

+0

只需添加:header('Location:yourstartingpage.php');直到之前?> – ZeroGS

1

試試這個

1.

2.

<form action="" method="post"> 
...... 
...... 
/*your html code*/ 
<input type="button" onclick="showLoad()" id="send" name="send" value="SEND"/> 
</form> 
<?php 
if(isset($_post['send'])) 
{ 
/*your mail function*/ 
} 
?> 
+0

謝謝你的回答!我試圖實現點1,但它不工作...我使用的輸入類型是type =「submit」。這是否有所作爲?點1工作時,我會嘗試點2。你能幫我嗎? – user1737979

+0

對不起,這是我的問題。現在你可以檢查,因爲我已經更新它。 –