Question

我需要创建基于AJAX和JQuery的单独电子邮件表单。我需要一个表格成为Standart和其他VIP，当从网站收到电子邮件时 - 我需要指明客户发送查询的形式。我有标准样本表格，需要创建VIP表格。想象一下，需要创建表单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");
?>

感谢!!!

Answer 1

你可以通过各种方式做到这一点。

其中一种方式是（对代码的最小更改）

在表单中添加hidden字段，该字段将自动发送到您的php并提取以查看type。

e.g。 <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>

Answer 2

表单ID是vip我认为你需要写$（＆＃34; #vip＆＃34;）。submit 换句话说，类型＆＃34;提交的按钮＆＃34;也会提交您的表单数据，因此您不需要编写Ajax 查询

将表单ID添加到JQuery表单函数

2 个答案: