2013-03-06 37 views
0

和當你點擊發送一個彈出窗口出現,說它是否已成功發送。多數民衆贊成所有我想要發生,但在此刻彈出窗口出現,並在用戶按下的窗口發送它到php頁面的動作調用,我如何停止該窗口去php頁面,只是有一個彈出窗口出現?住在同一頁上後

表單代碼:

<form method="post" class="contact-form" action="php/callback.php" > 
       <input name="name" type="text" id="formbox" value="Name" onfocus="(this.value == 'Name') && (this.value = '')" onblur="(this.value == '') && (this.value = 'Name')"/><br /> 
       <input name="number" type="text" id="formbox" value="Number" onfocus="(this.value == 'Number') && (this.value = '')" onblur="(this.value == '') && (this.value = 'Number')"/><br /> 
       <input type="submit" value="Send" id="formbutton"> 
    </form> 

PHP代碼:

<?php 

$name = $_POST['name']; 
$number = $_POST['number']; 

$to = "[email protected]"; 
$subject = "Call Back Enquiry"; 
$message = "Hi Raymond, someone that came to your website wants you to call them back, their name is '$name' and their number is '$number'"; 
$from = "Your Website"; 
$headers = "From:" . $from; 
$send_contact = mail($to,$subject,$message,$headers); 

if($send_contact){ 
echo "<script>alert('We will contact you shortly');</script>"; 
} 
else { 
echo "<script>alert('Something went wrong, try again!');</script>"; 
} 
?> 
+2

你需要javascript/ajax,你不能單獨使用php。 – jeroen 2013-03-06 14:56:36

+0

這裏看看http://stackoverflow.com/questions/425095/submit-form-using-ajax-and-jquery – karmafunk 2013-03-06 14:57:47

回答

1

使用jQuery與AJAX創建不涉及張貼到另一個網頁無縫形式。

可以使用UI框架(如jQuery UI或Bootstrap)創建比alert()更易用的彈出窗口。

+0

這,並不會從服務器發回javascript。 OP應該檢查一些基本的AJAX教程。 – TFennis 2013-03-06 15:03:31

0

我會這樣做,通過正常的按鈕即。 <input type="button" />不是submit,沒有形式。在onclick我打開一個新窗口(彈出窗口阻止程序呢?),它有內部形式,並在我發送的同一個事件過程(仍然是Javascript)我的領域的價值例如。 win.getElementById[someControlName].value=document.getElementById(sourceControlName).valuewin是新窗口的變量,而document是開窗器的窗口。然後,如果我準備好了,仍然在同一個事件中,我打電話給win.forms[0].submit()

我還沒有測試過,可能有些錯誤,但主要想法很明確,我希望。

相關問題