2016-12-27 75 views
0

我需要創建基於AJAX和JQuery的電子郵件表單。 我需要一個表單是Standart和其他VIP,當從網站獲取電子郵件時 - 我需要指明客戶從哪個表單發送查詢。 我有Standard的樣本表單,需要創建VIP表單。想象一下,需要創建表單ID並將其插入到JQuery中。
請幫助
下面是示例表單代碼:將表單ID添加到JQuery表單功能

<form id="vip" class="pop_form" action="mail-vip.php"> 
    <h4>ОPlease leave your contacs, we will come back soon!</h4> 
    <input type="text" name="name" placeholder="Name" required /> 
    <input type="text" name="phone" placeholder="Telephone" required /> 
    <input type="text" name="email" placeholder="E-mail" required /> 
    <input type="text" name="time" placeholder="Callback time" /> 
    <div align="center"><button type="submit">Send</button></div> 
</form> 

的Jquery:

$("form").submit(function() { 
    $.ajax({ 
     type: "GET", 
     url: "mail.php", 
     data: $("form").serialize() 
    }).done(function() { 
     alert("Спасибо за заявку!"); 
     setTimeout(function() { 
      $.fancybox.close(); 
      }, 1000); 
     }); 
    return false; 
}); 

PHP:

<?php 
$recepient = "email; 
$sitename = "Website"; 

$name = trim($_GET["name"]); 
$phone = trim($_GET["phone"]); 
$email = trim($_GET["email"]); 
$email = trim($_GET["time"]); 

$pagetitle = "New inquiry for \"$sitename\""; 
$message = "Имя: $name \nTelephone: $phone \nE-mail: $email \nTime: $time"; 
mail($recepient, $pagetitle, $message, "Content-type: text/plain; charset=\"utf-8\"\n From: $recepient"); 
?> 

謝謝!

回答

2

有多種方式可以做到這一點。

一種方式可以是(最小的改變了代碼)

添加您的形式hidden場將被自動發送到您的php並提取它,看它的type

例如<input type="hidden" name="type" value="vip">

因此,它應該是什麼樣子,

<form id="vip" class="pop_form" action="mail-vip.php"> 
    <h4>ОPlease leave your contacs, we will come back soon!</h4> 
    <input type="text" name="name" placeholder="Name" required /> 
    <input type="text" name="phone" placeholder="Telephone" required /> 
    <input type="text" name="email" placeholder="E-mail" required /> 
    <input type="text" name="time" placeholder="Callback time" /> 
    <input type="hidden" name="type" value="vip"> 
    <div align="center"><button type="submit">Send</button></div> 
</form> 
+0

這很好用 –

+0

@MaksimMaksimenko很樂意幫忙。請你接受答案。 – ScanQR

0

形式id爲VIP,我認爲你需要寫$(「#VIP」)。提交 在其他的字,按鈕其中類型「提交」也會提交你的表格數據,所以你不需要寫Ajax 查詢