Skip to main content
adicionou 250 caracteres ao conteúdo
Fonte Link
user24136
user24136

Tenho através do modelo de Abas em Ajax e graças ao nosso colega DontVoteMeDown, consigo através do botão do tipo button mudar de abas, porém como eu faria para que ao mudar de abas, cadastrasse as informações da aba anterior no banco? O cadastramento em PHP/Mysql eu sei fazer, o que está ocorrendo é que ao mudar de aba, não ocorre o input, somente se eu usar o submit. Veja abaixo ( alterado, pois tentei da forma abaixoalterei o código e está cadastrando no banco, porém também não estou conseguindomas como faço para passar os valores do formulário para o jquery? ):

     <script>
      $(function() {
        $( "#tabs" ).tabs();
          $("#btnComprar").on("click", function() 
                {
                  $.post("cadastrar_.php", // Cadastando OK
                              {
// Como faço para pegar os valores do formulário e jogar para o campo abaixo?
                    name         nome: "Donald"nome Duck"do usuário",
                           city    idade: "Duckburg""idade"
                  },
                        function(data, status){
                    //   alert("Data: " + data + "\nStatus: " + status);
                        });
    
                var indice = $('#tabs ul li a[href="#' + $(this).parent().prop("id") + '"]').parent().index();
                    $("#tabs").tabs("option", "active", (indice + 1));
                    
                });
        $(".voltar").on("click", function() 
                {
                    var indice = $('#tabs ul li a[href="#' + $(this).parent().prop("id") + '"]').parent().index();              
                    $("#tabs").tabs("option", "active", (indice - 1));
                });
        });
      </script>
        
          <button type="button" id="btnComprar" class="proximo btn btn-success pull-right proximo" name="Valor" value="Comprar" style="margin-right: 10px" disabled="disabled"/><i class="fa fa-cart-plus"></i> Comprar </button>

Tenho através do modelo de Abas em Ajax e graças ao nosso colega DontVoteMeDown, consigo através do botão do tipo button mudar de abas, porém como eu faria para que ao mudar de abas, cadastrasse as informações da aba anterior no banco? O cadastramento em PHP/Mysql eu sei fazer, o que está ocorrendo é que ao mudar de aba, não ocorre o input, somente se eu usar o submit. Veja abaixo ( alterado, pois tentei da forma abaixo, porém também não estou conseguindo ):

 <script>
  $(function() {
    $( "#tabs" ).tabs();
      $("#btnComprar").on("click", function() 
            {
              $.post("cadastrar_.php",
                          {
                         name: "Donald Duck",
                           city: "Duckburg"
              },
                    function(data, status){
                //   alert("Data: " + data + "\nStatus: " + status);
                    });

            var indice = $('#tabs ul li a[href="#' + $(this).parent().prop("id") + '"]').parent().index();
                $("#tabs").tabs("option", "active", (indice + 1));
                
            });
    $(".voltar").on("click", function() 
            {
                var indice = $('#tabs ul li a[href="#' + $(this).parent().prop("id") + '"]').parent().index();              
                $("#tabs").tabs("option", "active", (indice - 1));
            });
    });
  </script>
    
      <button type="button" id="btnComprar" class="proximo btn btn-success pull-right proximo" name="Valor" value="Comprar" style="margin-right: 10px" disabled="disabled"/><i class="fa fa-cart-plus"></i> Comprar </button>

Tenho através do modelo de Abas em Ajax e graças ao nosso colega DontVoteMeDown, consigo através do botão do tipo button mudar de abas, porém como eu faria para que ao mudar de abas, cadastrasse as informações da aba anterior no banco? O cadastramento em PHP/Mysql eu sei fazer, o que está ocorrendo é que ao mudar de aba, não ocorre o input, somente se eu usar o submit. Veja abaixo ( alterei o código e está cadastrando no banco, mas como faço para passar os valores do formulário para o jquery? ):

     <script>
      $(function() {
        $( "#tabs" ).tabs();
          $("#btnComprar").on("click", function() 
                {
                  $.post("cadastrar_.php", // Cadastando OK
                              {
// Como faço para pegar os valores do formulário e jogar para o campo abaixo?
                             nome: "nome do usuário",
                               idade: "idade"
                  },
                        function(data, status){
                    //   alert("Data: " + data + "\nStatus: " + status);
                        });
    
                var indice = $('#tabs ul li a[href="#' + $(this).parent().prop("id") + '"]').parent().index();
                    $("#tabs").tabs("option", "active", (indice + 1));
                    
                });
        $(".voltar").on("click", function() 
                {
                    var indice = $('#tabs ul li a[href="#' + $(this).parent().prop("id") + '"]').parent().index();              
                    $("#tabs").tabs("option", "active", (indice - 1));
                });
        });
      </script>
        
          <button type="button" id="btnComprar" class="proximo btn btn-success pull-right proximo" name="Valor" value="Comprar" style="margin-right: 10px" disabled="disabled"/><i class="fa fa-cart-plus"></i> Comprar </button>
Ajuste no código
Fonte Link
user24136
user24136

Tenho através do modelo de Abas em Ajax e graças ao nosso colega DontVoteMeDown, consigo através do botão do tipo button mudar de abas, porém como eu faria para que ao mudar de abas, cadastrasse as informações da aba anterior no banco? O cadastramento em PHP/Mysql eu sei fazer, o que está ocorrendo é que ao mudar de aba, não ocorre o input, somente se eu usar o submit. Veja abaixo ( alterado, pois tentei da forma abaixo, porém também não estou conseguindo ):

 <script>
  $(function() {
    $( "#tabs" ).tabs();
      $(".proximo""#btnComprar").on("click", function() 
            {
              $.post("cadastrar_.php",
                          {
                         name: "Donald Duck",
                           city: "Duckburg"
              },
                    function(data, status){
                //   alert("Data: " + data + "\nStatus: " + status);
                    });

            var indice = $('#tabs ul li a[href="#' + $(this).parent().prop("id") + '"]').parent().index();              
                $("#tabs").tabs("option", "active", (indice + 1));
                
            });
    $(".voltar").on("click", function() 
            {
                var indice = $('#tabs ul li a[href="#' + $(this).parent().prop("id") + '"]').parent().index();              
                $("#tabs").tabs("option", "active", (indice - 1));
            });
    });
  </script>
    
      <button type="button" id="btnComprar" class="proximo btn btn-success pull-right proximo" name="Valor" value="Comprar" style="margin-right: 10px" disabled="disabled"/><i class="fa fa-cart-plus"></i> Comprar </button>

Tenho através do modelo de Abas em Ajax e graças ao nosso colega DontVoteMeDown, consigo através do botão do tipo button mudar de abas, porém como eu faria para que ao mudar de abas, cadastrasse as informações da aba anterior no banco? O cadastramento em PHP/Mysql eu sei fazer, o que está ocorrendo é que ao mudar de aba, não ocorre o input, somente se eu usar o submit. Veja abaixo:

<script>
  $(function() {
    $( "#tabs" ).tabs();
      $(".proximo").on("click", function() 
            {
                var indice = $('#tabs ul li a[href="#' + $(this).parent().prop("id") + '"]').parent().index();              
                $("#tabs").tabs("option", "active", (indice + 1));
            });
    $(".voltar").on("click", function() 
            {
                var indice = $('#tabs ul li a[href="#' + $(this).parent().prop("id") + '"]').parent().index();              
                $("#tabs").tabs("option", "active", (indice - 1));
            });
    });
  </script>

  <button type="button" id="btnComprar" class="proximo btn btn-success pull-right proximo" name="Valor" value="Comprar" style="margin-right: 10px" disabled="disabled"/><i class="fa fa-cart-plus"></i> Comprar </button>

Tenho através do modelo de Abas em Ajax e graças ao nosso colega DontVoteMeDown, consigo através do botão do tipo button mudar de abas, porém como eu faria para que ao mudar de abas, cadastrasse as informações da aba anterior no banco? O cadastramento em PHP/Mysql eu sei fazer, o que está ocorrendo é que ao mudar de aba, não ocorre o input, somente se eu usar o submit. Veja abaixo ( alterado, pois tentei da forma abaixo, porém também não estou conseguindo ):

 <script>
  $(function() {
    $( "#tabs" ).tabs();
      $("#btnComprar").on("click", function() 
            {
              $.post("cadastrar_.php",
                          {
                         name: "Donald Duck",
                           city: "Duckburg"
              },
                    function(data, status){
                //   alert("Data: " + data + "\nStatus: " + status);
                    });

            var indice = $('#tabs ul li a[href="#' + $(this).parent().prop("id") + '"]').parent().index();
                $("#tabs").tabs("option", "active", (indice + 1));
                
            });
    $(".voltar").on("click", function() 
            {
                var indice = $('#tabs ul li a[href="#' + $(this).parent().prop("id") + '"]').parent().index();              
                $("#tabs").tabs("option", "active", (indice - 1));
            });
    });
  </script>
    
      <button type="button" id="btnComprar" class="proximo btn btn-success pull-right proximo" name="Valor" value="Comprar" style="margin-right: 10px" disabled="disabled"/><i class="fa fa-cart-plus"></i> Comprar </button>
Fonte Link
user24136
user24136

gravar através do input button

Colegas.

Tenho através do modelo de Abas em Ajax e graças ao nosso colega DontVoteMeDown, consigo através do botão do tipo button mudar de abas, porém como eu faria para que ao mudar de abas, cadastrasse as informações da aba anterior no banco? O cadastramento em PHP/Mysql eu sei fazer, o que está ocorrendo é que ao mudar de aba, não ocorre o input, somente se eu usar o submit. Veja abaixo:

<script>
  $(function() {
    $( "#tabs" ).tabs();
      $(".proximo").on("click", function() 
            {
                var indice = $('#tabs ul li a[href="#' + $(this).parent().prop("id") + '"]').parent().index();              
                $("#tabs").tabs("option", "active", (indice + 1));
            });
    $(".voltar").on("click", function() 
            {
                var indice = $('#tabs ul li a[href="#' + $(this).parent().prop("id") + '"]').parent().index();              
                $("#tabs").tabs("option", "active", (indice - 1));
            });
    });
  </script>

  <button type="button" id="btnComprar" class="proximo btn btn-success pull-right proximo" name="Valor" value="Comprar" style="margin-right: 10px" disabled="disabled"/><i class="fa fa-cart-plus"></i> Comprar </button>