繁体   English   中英

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

[英]Add form ID to JQuery form function

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

谢谢!!!

您可以通过多种方式来做到这一点。

一种方法可能是(对代码进行最小更改)

在表单中添加一个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>

表单ID为VIP,我认为您需要写$(“#vip”)。submit换句话说,类型为“ submit”的按钮也将提交您的表单数据,因此您不需要编写Ajax查询

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM