как посылать данные метод post 2 формуляров в php?

Как я могу посылать данные 2 или больше form php в другую страницу, я могу делать это он с одним form что содержал таблицу, но рисунок меняет полностью и я это не хочу

<div class="form-one">
    <form>
        <input type="text" placeholder="Company Name">
        <input type="text" placeholder="Email*">
        <input type="text" placeholder="Title">
        <input type="text" placeholder="First Name *">
        <input type="text" placeholder="Middle Name">
        <input type="text" placeholder="Last Name *">
        <input type="text" placeholder="Address 1 *">
        <input type="text" placeholder="Address 2">
    </form>
</div>
<div class="form-two">
    <form>
        <input type="text" placeholder="Zip / Postal Code *">
        <select>
            <option>-- Country --</option>
            <option>United States</option>
            <option>Bangladesh</option>
            <option>UK</option>
            <option>India</option>
            <option>Pakistan</option>
            <option>Ucrane</option>
            <option>Canada</option>
            <option>Dubai</option>
        </select>
        <select>
            <option>-- State / Province / Region --</option>
            <option>United States</option>
            <option>Bangladesh</option>
            <option>UK</option>
            <option>India</option>
            <option>Pakistan</option>
            <option>Ucrane</option>
            <option>Canada</option>
            <option>Dubai</option>
        </select>
        <input type="password" placeholder="Confirm password">
        <input type="text" placeholder="Phone *">
        <input type="text" placeholder="Mobile Phone">
        <input type="text" placeholder="Fax">
    </form>
</div>

я хочу послать все данные, попавшие в оба form чтобы получать их на другой странице и производить файл со всеми этими данными.

0
задан 14.12.2017, 00:19
4 ответа

Ты можешь вводить все поля внутри form и через событие onclick называя функцию, где ты мог бы использовать formData, чтобы посылать все поля посредством $ .ajax и захватывать их на странице php, я объясняюсь:

Расположи в порядке HTML

<form action="#?" id="formGeneral">//form general
              <div class="form-one">
                            <input type="text" name="company" placeholder="Company Name">
                            <input type="text" name="email" placeholder="Email*">
                            <input type="text" name="title" placeholder="Title">
                            <input type="text" name="firstName" placeholder="First Name *">
                            <input type="text" name="middleName" placeholder="Middle Name">
                            <input type="text" name="lastName" placeholder="Last Name *">
                            <input type="text" name="address1" placeholder="Address 1 *">
                            <input type="text" name="address2" placeholder="Address 2">

                    </div>
                    <div class="form-two">

                            <input type="text" name="postalCode" placeholder="Zip / Postal Code *">
                            <select name="country">
                                <option>-- Country --</option>
                                <option>United States</option>
                                <option>Bangladesh</option>
                                <option>UK</option>
                                <option>India</option>
                                <option>Pakistan</option>
                                <option>Ucrane</option>
                                <option>Canada</option>
                                <option>Dubai</option>
                            </select>
                            <select name="state">
                                <option>-- State / Province / Region --</option>
                                <option>United States</option>
                                <option>Bangladesh</option>
                                <option>UK</option>
                                <option>India</option>
                                <option>Pakistan</option>
                                <option>Ucrane</option>
                                <option>Canada</option>
                                <option>Dubai</option>
                            </select>
                            <input type="password" name="name" placeholder="Confirm password">
                            <input type="text" name="phone" placeholder="Phone *">
                            <input type="text" name="mobile" placeholder="Mobile Phone">
                            <input type="text" name="fax" placeholder="Fax">

                    </div>
                     <button type="button" onclick="envioForm('#formGeneral');">Enviar Formulario!</button>
    </form>// fin form

Это была бы структура, наблюдай, что form находится снаружи div, мы делаем это с намерением вмещать все поля текста и selects, что существуют, поля текстов у них, должно быть, есть ямс = "", чтобы мочь захватывать их на странице php. Для отправления давайте верить в кнопку тип button, где мы добавляем событие onclick и посылаем id формуляра осталось бы создавать одну функцию для отправления данных:

Функция язык сценариев JavaScript

<script>
// llega '#formulario'
function envioForm(formulario){
var form = $(formulario);
//Creamos el objeto del formData
var formData = new FormData(form);

$.ajax({
    contentType: false,
    processData: false,
    data: formData,
    type: 'post',
    url: 'dirección url', // url donde enviaras los datos 
    beforeSend:function(){
        // acciones mientras envia los datos
    },
    success:function(response){
        //  response muestra los datos que devuelve la pagina php
    }
  });
}
</script>

Чтобы получать данные на странице было бы достаточно $ _REQUEST ['nameInput']; где "nameInput" - имена (ямс), который мы размещаем в поля, я надеюсь, что он подает тебя

2
ответ дан 24.11.2019, 14:15

Правильное состоит в том, чтобы ты это сделал с единственным form, изменения стилей будут минимальными.

Все то, что не будет этим, это будут заплаты или не рекомендуемые изобретения из-за того, что не будут делать вещи хорошо.

2
ответ дан 24.11.2019, 14:15

Я предлагаю тебе единственный form и ты это посылаешь таким образом.

var form = $("#Form_id").serialize();

$.ajax({
    url: "arch.php",
    type: "POST",
    data: form,
    error: function(e){},
    success: function(data){}
});

Так как ты упоминаешь о том, что двигается рисунок bootstrap, в комментариях, возможно он, потому что тебе не хватает классов в этикетках, пробует осуществлять таким образом твой формуляр и оно ты будет функционировать с рукописным шрифтом:

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" />

<form class="form-horizontal">
  <div class="form-one form-group">
    <input type="text" placeholder="Company Name" class="form-control">
    <input type="text" placeholder="Email*" class="form-control">
    <input type="text" placeholder="Title" class="form-control">
    <input type="text" placeholder="First Name *" class="form-control">
    <input type="text" placeholder="Middle Name" class="form-control">
    <input type="text" placeholder="Last Name *" class="form-control">
    <input type="text" placeholder="Address 1 *" class="form-control">
    <input type="text" placeholder="Address 2" class="form-control">
  </div>
  <div class="form-two form-group">
    <input type="text" placeholder="Zip / Postal Code *" class="form-control">
    <select class="form-control">
      <option>-- Country --</option>
      <option>United States</option>
      <option>Bangladesh</option>
      <option>UK</option>
      <option>India</option>
      <option>Pakistan</option>
      <option>Ucrane</option>
      <option>Canada</option>
      <option>Dubai</option>
    </select>
    <select class="form-control">
      <option>-- State / Province / Region --</option>
      <option>United States</option>
      <option>Bangladesh</option>
      <option>UK</option>
      <option>India</option>
      <option>Pakistan</option>
      <option>Ucrane</option>
      <option>Canada</option>
      <option>Dubai</option>
    </select>
    <input type="password" placeholder="Confirm password" class="form-control">
    <input type="text" placeholder="Phone *" class="form-control">
    <input type="text" placeholder="Mobile Phone" class="form-control">
    <input type="text" placeholder="Fax" class="form-control">
  </div>
</form>

Единственное, что я сделал, состояло в том, чтобы добавлять классы, как покажи на странице bootstrap в Вашем разделе формуляров.

Хорошо, если он не обнаруживает у тебя классы .form-horizontal, form-group, .form-control возможно, что ты не считаешь совокупным css и javascript на странице.

Если рисунок не точно в, как это у тебя есть bootstrap, он считает очевидными эти классы col-xs-2 col-sm-2 col-md-2 col-lg-2 для того, чтобы ты был полезен согласно рисунку, у которого были ранее эти классы, он объясняет их тебе в grid

0
ответ дан 24.11.2019, 14:15

Хороший, если ты используешь bootstrap, я думаю, что он включен jQuery, что ты мог бы делать, состоит в том, чтобы распределять ему один пойдите к div, у которого есть класс form-one и с jquery посылать данные в файл, который обработает данные.

EDIT: Забывали меня, у полей должен быть признак ямс, чтобы мочь быть захваченными serialize ();

var datos = $("#id input, select").serialize(); // Aqui se almacenaran todos los datos.

    $.ajax({
        url: "archivo_procesador_de_datos.php",
        type: "POST",
        data: "&" + datos,
        error: function(e){},
        beforeSend: function(){

        },
        success: function(data){

        }
    });
0
ответ дан 24.11.2019, 14:15