Question

我想在点击第二个表单的提交按钮后提交两个表单最难的部分是动作指向一个php文件，用来向客户端发送电子邮件。我不想收到2封电子邮件。

两种表单数据都应该同时到达该php文件。

这是第一种形式：

<form class="generalForm" id="form1" action="reservationSend.php" method="post">
    <input id="datepicker-example3" type="text" name="datepicker-example3" value="Check In">
    <input id="datepicker-example2" type="text" name="check_out" value="Choose Out">
    <select name="RoomType">
        <option selected="selected" value="0">Room Type</option>
        <option value="Deluxe">Deluxe</option>
        <option value="Family">Executive</option>
        <option value="Conference">Conference</option>
    </select>
</form>

这是第二种形式：

<form id="form2" class="generalForm" method="post" action="reservationSend.php" onsubmit="return submitForm()">
    <input type="text" name="name" placeholder="Your Name" />
    <input type="text" name="email" placeholder="Your email" />
    <input type="text" name="tp" placeholder="Your Phone Number" />
    <input type="text" name="Country" placeholder="Your Country" />
    <textarea name="message" placeholder="Your Message"></textarea>
    <input type="submit" name="submit" value="submit">
</form>

我的javascript，myjscript.js：

function submitForm() {
    document.getElementById("form1").submit();
    document.getElementById("form2").submit();
}

Answer 1

使用AJAX＆amp;提交表单的示例jQuery的。

$('#formID')
.on('submit', function(e){
    e.preventDefault(); //disable default submit action

    var postData = {
        'name' : $('input[name="name"]').val(),
        'email' : $('input[name="email"]').val()
        //etcetera
    };

    $.post(
        'reservationSend.php',
        postData,
        callBack(returnData){
            doStuffWith(returnData);
            //add callback functionality
        },
        'json' //or any other datatype. In this case postData is a JS object, which gets submitted as JSON string
    );

    //You could even trigger the submission of another form here:
    $('#otherForm')
    .trigger('submit');
    //This will trigger the submission of #otherForm
});

$('#otherForm')
.on('submit', function(e){
    e.preventDefault();

    //logic for form submission.
});

您可以找到有关jQuery AJAX方法here的文档。您还会在那里找到serialize()和serializeArray()。 2可以将表单转换为JSON字符串的方法。

一次提交2份表格

1 个答案: