将表单ID添加到JQuery表单功能

我需要创建基于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"); 
?>

谢谢！

来源

2016-12-27 Maksim Maksimenko

有多种方式可以做到这一点。

一种方式可以是（最小的改变了代码）

添加您的形式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>

来源

2016-12-27 07:58:08 ScanQR

这很好用 –

@MaksimMaksimenko很乐意帮忙。请你接受答案。 – ScanQR

形式id为VIP，我认为你需要写$（“＃VIP”）。提交在其他的字，按钮其中类型“提交”也会提交你的表格数据，所以你不需要写Ajax 查询

来源

2016-12-27 08:00:14 user7344944

将表单ID添加到JQuery表单功能

回答

相关问题