Formulário não insere dados ao responder o tópico.

3 participantes

Ir para baixo

Tópico resolvido Formulário não insere dados ao responder o tópico.

Mensagem por X-Comecome 10.05.20 20:01

Detalhes da questão


Endereço do fórum: https://policiaplhoficial.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Criei o formulário, mas ao preencher,  ele informa que os dados foram postados, mas não insere na resposta ao tópico.
Código:
<!DOCTYPE html>
<html>
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <link rel="shortcut icon" type="image/x-icon" href="https://i.imgur.com/upKAItT.png">
      <title>Relatório de Aulas</title>
      <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css"/>
      <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.min.css" rel="stylesheet" />
      <style type="text/css">
        *,
        *::before,
        *::after {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        }
        html,
        body {
        height: 100%;
        }
        body {
        font-size: 17px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-weight: normal;
        line-height: 1.5;
        color: #212121;
        line-height: 1.5;
        background: linear-gradient(270deg, rgba(203, 203, 203, 0.56) 10%, rgba(186, 186, 186, 0.11) 20%, #fafafa 30%, #fff 100%);
        }
        /**
        * Begin tipografia.
        */
        a,
        a:active,
        a:link,
        a:visited,
        a:focus {
        color: #2688dc;
        text-decoration: none;
        border-bottom: solid 1px transparent;
        outline: 0;
        }
        a:hover {
        border-bottom-color: #2688dc;
        }
        a.fa:hover {
        border-bottom-color: transparent;
        color: #1f6db0;
        }
        h3 {
        font-size: 20px;
        font-weight: 300;
        margin-bottom: 10px;
        display: block;
        width: 100%;
        padding-bottom: 3px;
        border-bottom: 2px solid #375e7f;
        }
        textarea {
        height: 90px;
        box-sizing: border-box;
        resize: vertical;
        outline: none;
        }
        .btn {
        border: solid 1px #e4e4e4;
        background: linear-gradient(180deg, #fff 0%, #efefef 100%);
        padding: .575rem 1.1rem;
        border-radius: .175rem;
        font-weight: 600;
        color: #686a6b;
        cursor: pointer;
        display: block;
        text-align: center;
        margin-bottom: 5px;
        width: 100%;
        }
        .btn:focus {
        border-color: #375e7f;
        box-shadow: inset 0 -5px 40px rgba(120, 120, 120, 0.1), inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(0, 0, 0, 0.1);
        outline: none;
        }
        .btn:hover {
        box-shadow: inset 0 -100px rgba(108, 108, 108, 0.1);
        }
        .btn.btn-primary {
        border-radius: 3px;
        box-shadow: none;
        color: #fff;
        background: #375e7f;
        font-size: 14px;
        transition: linear all 125ms;
        margin-top: 45%;
        }
        .btn.btn-primary:focus {
        border-color: #375e7f;
        box-shadow: inset 0 1px 2px rgba(39, 56, 28, 0.075), 0 0 0 0.2em rgba(39, 56, 28, 0.6);
        outline: none;
        }
        .btn.btn-primary:hover {
        background: #444;
        }
        .btn.btn-danger {
        color: #fff;
        border-color: #bd2c00;
        background: #e7592e;
        background: linear-gradient(180deg, #f86b40 0%, #bd2c00 100%);
        }
        .btn.btn-danger:focus {
        border-color: #aa2c05;
        box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(197, 53, 9, 0.66);
        outline: none;
        }
        .btn-progress {
        cursor: not-allowed;
        opacity: .657;
        }
        .form-control, .select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #d4d4d4;
        padding: 6px 8px;
        margin: 5px 0 0;
        display: block;
        width: 100%;
        font-size: 16px;
        color: #555;
        line-height: 20px;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
        outline: none;
        height: auto;
        }
        .select2-container--default .select2-selection--single { padding: 2px 8px; }
        .select2-container--default .select2-selection--single .select2-selection__arrow { top: 20%; }
        .form-control:focus {
        border-color: #4b6b35;
        box-shadow: inset 0 1px 2px rgba(75, 107, 53, 0.075), 0 0 0 0.2em rgba(75, 107, 53, 0.6);
        outline: none;
        }
        input[type="text"]:disabled {
        background: #dddddd;
        cursor: not-allowed;
        }
        .card {
        background-color: #E54732;
        padding: 5px;
        font-size: 10px;
        color: #fff;
        font-weight: 800;
        border-radius: 5px;
        float: left;
        margin-right: 5px;
        }
        /*
        * End tipografia.
        **/
        .wrapper {
        width: 50%;
        position: absolute;
        top: 5%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        }
        .wrapper hgroup {
        text-align: center;
        }
        .wrapper hgroup i.fa {
        font-size: 4em;
        }
        .wrapper hgroup h1 {
        font-weight: 300;
        margin: 10px 0;
        padding: 0;
        color: #545454;
        }
        .wrapper form {
        border: solid 1px #d4d4d4;
        margin: 0 0 25px;
        padding: 20px;
        color: #555;
        border-radius: 4px;
        background-color: #fff;
        }
        .wrapper form .form-group label {
        display: table;
        }
        .wrapper form .form-group .form-group-col {
        float: left;
        margin-right: 2%;
        margin-top: 2%;
        }
        .form-group .form-group-col:first-child {
        margin-left: 3%;
        }
        .wrapper footer {
        border: solid 1px #d6d6d6;
        border-radius: 3px;
        padding: 13px;
        text-align: center;
        font-size: 16px;
        color: #555;
        margin-bottom: 2%;
        }
        .col-94 {
        width: 94%;
        }
        .col-46 {
        width: 46%;
        }
        .col-30 {
        width: 30%;
        }
        /**
        * FOR JS Styles:
        */
        #login-form,
        footer {
        box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.16);
        }
        .title h2 {
        font-weight: 300;
        margin-bottom: 5px;
        text-align: center;
        }
        .title h4 {
        font-weight: 300;
        margin-bottom: 15px;
        text-align: center;
        }
        @media screen and (max-width: 900px) {
        .wrapper {
        width: 40%;
        }
        }
        @media screen and (max-width: 600px) {
        .wrapper {
        width: 70%;
        }
        }
        @media screen and (max-width: 500px) {
        .wrapper {
        width: 80%;
        }
        }
        @media screen and (max-width: 400px) {
        .wrapper {
        width: 90%;
        }
        }
      </style>
  </head>
  <body class="bg-dark" style="
      background: url('  ') center center no-repeat fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;">
      <main class="wrapper">
        <form id="form-content">
        <a href="" title="Voltar ao tópico" class="goBack"><i class="fas fa-arrow-left" aria-hidden="true"></i></a>
        <div class="title">
            <h2><b>Relatório de Aulas <i class="fas fa-registered"></i></b></h2>
            <center>
            <img src="https://i.imgur.com/upKAItT.png" alt="some text">
            <h4>Preencha os dados abaixo.</h4>
        </div>
<center><h3>Dados</h3></center>
        <div class="form-group" style="margin-bottom: 15%;">
            <div class="form-group-col col-30">
              <label for="cins">Cargo do Guia:</label>
              <input type="text" id="cins" class="form-control" placeholder="Cargo do Guia" required>
            </div>
            <div class="form-group-col col-30">
              <label for="nins">Nick do Guia:</label>
              <input type="text" id="nins" class="form-control" placeholder="Nome do Guia" required/>
            </div>
            <div class="form-group-col col-30">
              <label for="aula">Aula aplicada:</label>
              <select type="text" name="aula" id="aula" class="form-control js-example-basic-single" required>
                  <option
value="Treinamento de Formação de Soldados (TFSd)">Treinamento de Formação de Soldados (TFSd)</option>
                  <option
value="Aula de Conclusão de Contratos (A.C.C)">Aula de Conclusão de Contratos (A.C.C)</option>
              </select>
        </div>

        <div class="form-group">
            <div class="form-group-col col-30" style="margin-right: 100%;">
              <label for="datains">Data da Aula:</label>
              <input type="text" id="datains" class="form-control" disabled/>
            </div>
        </div>
        <div class="form-group">
            <div class="form-group-col col-30">
              <label for="nsol">Nick do Aluno:</label>
              <input type="text" id="nsol" class="form-control" placeholder="Nome do Recruta" required/>
            </div>
            <div class="form-group-col col-30">
              <label for="aprep">Situação:</label>
              <select type="text" name="aprep" id="aprep" class="form-control js-example-basic-single" required>
                  <option value="Aprovado">Aprovado</option>
                  <option value="Reprovado">Reprovado</option>
              </select>
            </div>
            <div class="form-group-col col-30">
        </div>
        <div class="form-group">
            <div class="form-group-col col-94">
              <label for="observ">Desempenho do aluno:</label>
              <textarea data-type="textarea" id="observ" class="form-control" placeholder="Explique todo o rendimento do aluno na aula." required></textarea>
            </div>
        </div>
        <div class="form-group">
            <div class="form-group-col col-94">
        </div>
        <br/>
        <button class="btn btn-primary" type="submit" >Enviar!</button>
        <br>
      <form>
        <footer>
            <div><i class="fas fa-code"></i> Polícia Lendária Habbiana <i class="fas fa-copyright"></i> 2020 <b></b> <i class="fas fa-code"></i> </div>
        </footer>
      </main>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js" type="text/javascript"></script>
      <script type="text/javascript">
        var month = ["Jan","Fev","Mar","Abr","Mai","Jun","Jul","Ago","Set","Out","Nov","Dez"];

        function formatDate(instance) {
            var day = (!! instance.getDate().toString()[1]) ? instance.getDate() : '0' + instance.getDate();
            var month_index = instance.getMonth();
            var year = instance.getFullYear();

            var date = [ day, month[month_index], year ].join(" ");
            return date;
        };

        var curDate = new Date();
        $('#datains').val(formatDate(curDate));
      </script>
      <script type="text/javascript">
        (function ($) {
          'use strict';

          var topic = '20',
              content;
     
          $(function () {
     
              $('.js-example-basic-single').select2();
              $('.goBack').attr('href','/t' + topic + '-?view=newest');
     
              $('#form-content').on('submit', function (event) {
     
                var data = {
                  nins: $('#nins').val(),
                  cins: $('#cins').val(),
                  aula: $('#aula').val(),
                  nsol: $('#nsol').val(),
                  aprep: $('#aprep').val(),
                  datains: $('#datains').val(),
                  observ: $('#observ').val(),
                  termos: 'X',
                  codact: ''
                };
     
                if(data.aprep == "Aprovado") {
              data.codact = data.nsol + ' - ' + data.datains + ' [' + data.tag + ']';
                } else {
              data.codact = '[color=#ff0000]Reprovado[/color] - ' + data.datains;
                }
     
                if ($('#observaçao').val() === '') {
                  data.observaçao = 'Observação desnecessária.';
                } else {
                  data.observaçao = $('#observaçao').val();
                }
             
     
     
                content = [
                             
'[color=#0000000][size=18][b]INFORMAÇÕES REFERENTES A AULA:[/b][/size][/color] ',                                                                                     
' ',
'[color=#000000][b]Foi aplicado[/b][/color] ' + data.aula,
' ',
'[color=#000000][b]Nick do aluno(a/s):[/b][/color] ' + data.nsol,
                             
'[color=#000000][b]Situação:[/b][/color] ' + data.aprep,
' ',
'[color=#000000][b]Aula aplicada por[/b][/color] ' + data.cins + ' ' + data.nins,                         
' ',
'[color=#000000][size=18][b] INFORMAÇÕES ADICIONAIS:[/color][/size][/b]',
' ',                 
'[color=#000000][b]Data:[/b][/color] ' + data.datains,
                           
'[color=#000000][b]Desempenho do aluno:[/b][/color] ' + data.observ,
' ',                           

                        ].join('\n');     
         
      event.preventDefault();
                setTimeout(function () {
                      $.post('/post', {
                          t: 20,
                          message: content,
                          mode: 'reply',
                          tid: $('[name="tid"]:first').val(),
                          post: 1,
                          attach_sig: 'on'
                      }).done(function () {
                          alert('Postado com sucesso. Você será redirecionado para o tópico...');
                          location.href = 'http://' + location.host + '/t' + topic +'-?view=newest';
                      }).fail(function () {
                          alert('Houve um erro! Tente novamente!');
                      });
                }, 600);
              });
          });
        }(jQuery));
      </script>
  </body>
</html>]
X-Comecome
X-Comecome
Novo Membro

Membro desde : 10/05/2020
Mensagens : 5
Pontos : 7

https://policiaplhoficial.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário não insere dados ao responder o tópico.

Mensagem por Chanp 10.05.20 20:10

Olá X-Comecome,

Você poderia me enviar a URL do tópico que receberá resposta com este formulário, por gentileza?

Fico no aguardo da sua resposta.
Chanp Feliz
Chanp
Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário não insere dados ao responder o tópico.

Mensagem por X-Comecome 10.05.20 20:12

X-Comecome
X-Comecome
Novo Membro

Membro desde : 10/05/2020
Mensagens : 5
Pontos : 7

https://policiaplhoficial.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário não insere dados ao responder o tópico.

Mensagem por Chanp 10.05.20 20:19

Olá X-Comecome,

Substitua o código da página HTML acima por este:

Código:
<!DOCTYPE html>
<html>
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <link rel="shortcut icon" type="image/x-icon" href="https://i.imgur.com/upKAItT.png">
      <title>Relatório de Aulas</title>
      <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css"/>
      <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.min.css" rel="stylesheet" />
      <style type="text/css">
        *,
        *::before,
        *::after {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        }
        html,
        body {
        height: 100%;
        }
        body {
        font-size: 17px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-weight: normal;
        line-height: 1.5;
        color: #212121;
        line-height: 1.5;
        background: linear-gradient(270deg, rgba(203, 203, 203, 0.56) 10%, rgba(186, 186, 186, 0.11) 20%, #fafafa 30%, #fff 100%);
        }
        /**
        * Begin tipografia.
        */
        a,
        a:active,
        a:link,
        a:visited,
        a:focus {
        color: #2688dc;
        text-decoration: none;
        border-bottom: solid 1px transparent;
        outline: 0;
        }
        a:hover {
        border-bottom-color: #2688dc;
        }
        a.fa:hover {
        border-bottom-color: transparent;
        color: #1f6db0;
        }
        h3 {
        font-size: 20px;
        font-weight: 300;
        margin-bottom: 10px;
        display: block;
        width: 100%;
        padding-bottom: 3px;
        border-bottom: 2px solid #375e7f;
        }
        textarea {
        height: 90px;
        box-sizing: border-box;
        resize: vertical;
        outline: none;
        }
        .btn {
        border: solid 1px #e4e4e4;
        background: linear-gradient(180deg, #fff 0%, #efefef 100%);
        padding: .575rem 1.1rem;
        border-radius: .175rem;
        font-weight: 600;
        color: #686a6b;
        cursor: pointer;
        display: block;
        text-align: center;
        margin-bottom: 5px;
        width: 100%;
        }
        .btn:focus {
        border-color: #375e7f;
        box-shadow: inset 0 -5px 40px rgba(120, 120, 120, 0.1), inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(0, 0, 0, 0.1);
        outline: none;
        }
        .btn:hover {
        box-shadow: inset 0 -100px rgba(108, 108, 108, 0.1);
        }
        .btn.btn-primary {
        border-radius: 3px;
        box-shadow: none;
        color: #fff;
        background: #375e7f;
        font-size: 14px;
        transition: linear all 125ms;
        margin-top: 45%;
        }
        .btn.btn-primary:focus {
        border-color: #375e7f;
        box-shadow: inset 0 1px 2px rgba(39, 56, 28, 0.075), 0 0 0 0.2em rgba(39, 56, 28, 0.6);
        outline: none;
        }
        .btn.btn-primary:hover {
        background: #444;
        }
        .btn.btn-danger {
        color: #fff;
        border-color: #bd2c00;
        background: #e7592e;
        background: linear-gradient(180deg, #f86b40 0%, #bd2c00 100%);
        }
        .btn.btn-danger:focus {
        border-color: #aa2c05;
        box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(197, 53, 9, 0.66);
        outline: none;
        }
        .btn-progress {
        cursor: not-allowed;
        opacity: .657;
        }
        .form-control, .select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #d4d4d4;
        padding: 6px 8px;
        margin: 5px 0 0;
        display: block;
        width: 100%;
        font-size: 16px;
        color: #555;
        line-height: 20px;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
        outline: none;
        height: auto;
        }
        .select2-container--default .select2-selection--single { padding: 2px 8px; }
        .select2-container--default .select2-selection--single .select2-selection__arrow { top: 20%; }
        .form-control:focus {
        border-color: #4b6b35;
        box-shadow: inset 0 1px 2px rgba(75, 107, 53, 0.075), 0 0 0 0.2em rgba(75, 107, 53, 0.6);
        outline: none;
        }
        input[type="text"]:disabled {
        background: #dddddd;
        cursor: not-allowed;
        }
        .card {
        background-color: #E54732;
        padding: 5px;
        font-size: 10px;
        color: #fff;
        font-weight: 800;
        border-radius: 5px;
        float: left;
        margin-right: 5px;
        }
        /*
        * End tipografia.
        **/
        .wrapper {
        width: 50%;
        position: absolute;
        top: 5%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        }
        .wrapper hgroup {
        text-align: center;
        }
        .wrapper hgroup i.fa {
        font-size: 4em;
        }
        .wrapper hgroup h1 {
        font-weight: 300;
        margin: 10px 0;
        padding: 0;
        color: #545454;
        }
        .wrapper form {
        border: solid 1px #d4d4d4;
        margin: 0 0 25px;
        padding: 20px;
        color: #555;
        border-radius: 4px;
        background-color: #fff;
        }
        .wrapper form .form-group label {
        display: table;
        }
        .wrapper form .form-group .form-group-col {
        float: left;
        margin-right: 2%;
        margin-top: 2%;
        }
        .form-group .form-group-col:first-child {
        margin-left: 3%;
        }
        .wrapper footer {
        border: solid 1px #d6d6d6;
        border-radius: 3px;
        padding: 13px;
        text-align: center;
        font-size: 16px;
        color: #555;
        margin-bottom: 2%;
        }
        .col-94 {
        width: 94%;
        }
        .col-46 {
        width: 46%;
        }
        .col-30 {
        width: 30%;
        }
        /**
        * FOR JS Styles:
        */
        #login-form,
        footer {
        box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.16);
        }
        .title h2 {
        font-weight: 300;
        margin-bottom: 5px;
        text-align: center;
        }
        .title h4 {
        font-weight: 300;
        margin-bottom: 15px;
        text-align: center;
        }
        @media screen and (max-width: 900px) {
        .wrapper {
        width: 40%;
        }
        }
        @media screen and (max-width: 600px) {
        .wrapper {
        width: 70%;
        }
        }
        @media screen and (max-width: 500px) {
        .wrapper {
        width: 80%;
        }
        }
        @media screen and (max-width: 400px) {
        .wrapper {
        width: 90%;
        }
        }
      </style>
  </head>
  <body class="bg-dark" style="
      background: url('  ') center center no-repeat fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;">
      <main class="wrapper">
        <form id="form-content">
        <a href="" title="Voltar ao tópico" class="goBack"><i class="fas fa-arrow-left" aria-hidden="true"></i></a>
        <div class="title">
            <h2><b>Relatório de Aulas <i class="fas fa-registered"></i></b></h2>
            <center>
            <img src="https://i.imgur.com/upKAItT.png" alt="some text">
            <h4>Preencha os dados abaixo.</h4>
        </div>
<center><h3>Dados</h3></center>
        <div class="form-group" style="margin-bottom: 15%;">
            <div class="form-group-col col-30">
              <label for="cins">Cargo do Guia:</label>
              <input type="text" id="cins" class="form-control" placeholder="Cargo do Guia" required>
            </div>
            <div class="form-group-col col-30">
              <label for="nins">Nick do Guia:</label>
              <input type="text" id="nins" class="form-control" placeholder="Nome do Guia" required/>
            </div>
            <div class="form-group-col col-30">
              <label for="aula">Aula aplicada:</label>
              <select type="text" name="aula" id="aula" class="form-control js-example-basic-single" required>
                  <option
value="Treinamento de Formação de Soldados (TFSd)">Treinamento de Formação de Soldados (TFSd)</option>
                  <option
value="Aula de Conclusão de Contratos (A.C.C)">Aula de Conclusão de Contratos (A.C.C)</option>
              </select>
        </div>
 
        <div class="form-group">
            <div class="form-group-col col-30" style="margin-right: 100%;">
              <label for="datains">Data da Aula:</label>
              <input type="text" id="datains" class="form-control" disabled/>
            </div>
        </div>
        <div class="form-group">
            <div class="form-group-col col-30">
              <label for="nsol">Nick do Aluno:</label>
              <input type="text" id="nsol" class="form-control" placeholder="Nome do Recruta" required/>
            </div>
            <div class="form-group-col col-30">
              <label for="aprep">Situação:</label>
              <select type="text" name="aprep" id="aprep" class="form-control js-example-basic-single" required>
                  <option value="Aprovado">Aprovado</option>
                  <option value="Reprovado">Reprovado</option>
              </select>
            </div>
            <div class="form-group-col col-30">
        </div>
        <div class="form-group">
            <div class="form-group-col col-94">
              <label for="observ">Desempenho do aluno:</label>
              <textarea data-type="textarea" id="observ" class="form-control" placeholder="Explique todo o rendimento do aluno na aula." required></textarea>
            </div>
        </div>
        <div class="form-group">
            <div class="form-group-col col-94">
        </div>
        <br/>
        <button class="btn btn-primary" type="submit" >Enviar!</button>
        <br>
      <form>
        <footer>
            <div><i class="fas fa-code"></i> Polícia Lendária Habbiana <i class="fas fa-copyright"></i> 2020 <b></b> <i class="fas fa-code"></i> </div>
        </footer>
      </main>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js" type="text/javascript"></script>
      <script type="text/javascript">
        var month = ["Jan","Fev","Mar","Abr","Mai","Jun","Jul","Ago","Set","Out","Nov","Dez"];
 
        function formatDate(instance) {
            var day = (!! instance.getDate().toString()[1]) ? instance.getDate() : '0' + instance.getDate();
            var month_index = instance.getMonth();
            var year = instance.getFullYear();
 
            var date = [ day, month[month_index], year ].join(" ");
            return date;
        };
 
        var curDate = new Date();
        $('#datains').val(formatDate(curDate));
      </script>
      <script type="text/javascript">
        (function ($) {
          'use strict';
 
          var topic = '20',
              content;
   
          $(function () {
   
              $('.js-example-basic-single').select2();
              $('.goBack').attr('href','/t' + topic + '-?view=newest');
   
              $('#form-content').on('submit', function (event) {
   
                var data = {
                  nins: $('#nins').val(),
                  cins: $('#cins').val(),
                  aula: $('#aula').val(),
                  nsol: $('#nsol').val(),
                  aprep: $('#aprep').val(),
                  datains: $('#datains').val(),
                  observ: $('#observ').val(),
                  termos: 'X',
                  codact: ''
                };
   
                if(data.aprep == "Aprovado") {
              data.codact = data.nsol + ' - ' + data.datains + ' [' + data.tag + ']';
                } else {
              data.codact = '[color=#ff0000]Reprovado[/color] - ' + data.datains;
                }
   
                if ($('#observaçao').val() === '') {
                  data.observaçao = 'Observação desnecessária.';
                } else {
                  data.observaçao = $('#observaçao').val();
                }
           
   
   
                content = [
                           
'[color=#0000000][size=18][b]INFORMAÇÕES REFERENTES A AULA:[/b][/size][/color] ',                                                                                   
' ',
'[color=#000000][b]Foi aplicado[/b][/color] ' + data.aula,
' ',
'[color=#000000][b]Nick do aluno(a/s):[/b][/color] ' + data.nsol,
                           
'[color=#000000][b]Situação:[/b][/color] ' + data.aprep,
' ',
'[color=#000000][b]Aula aplicada por[/b][/color] ' + data.cins + ' ' + data.nins,                       
' ',
'[color=#000000][size=18][b] INFORMAÇÕES ADICIONAIS:[/color][/size][/b]',
' ',               
'[color=#000000][b]Data:[/b][/color] ' + data.datains,
                         
'[color=#000000][b]Desempenho do aluno:[/b][/color] ' + data.observ,
' ',                         
 
                        ].join('\n');   
       
      event.preventDefault();
                setTimeout(function () {
                      $.post('/post', {
                          t: 20,
                          message: content,
                          mode: 'reply',
                          tid: $('[name="tid"]:first').val(),
                          post: 1,
                          attach_sig: 'on'
                      }).done(function () {
                          alert('Postado com sucesso. Você será redirecionado para o tópico...');
                          location.href = '/t20-' + location.host + '/t20-?view=newest';
                      }).fail(function () {
                          alert('Houve um erro! Tente novamente!');
                      });
                }, 600);
              });
          });
        }(jQuery));
      </script>
  </body>
</html>]

Tudo certo agora?
Chanp Feliz


Última edição por Chanp em 10.05.20 20:34, editado 1 vez(es)
Chanp
Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário não insere dados ao responder o tópico.

Mensagem por X-Comecome 10.05.20 20:26

Chanp escreveu:Olá X-Comecome,

Substitua o código da página HTML acima por este:

Código:
<!DOCTYPE html>
<html>
  <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <link rel="shortcut icon" type="image/x-icon" href="https://i.imgur.com/upKAItT.png">
      <title>Relatório de Aulas</title>
      <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.11.2/css/all.css"/>
      <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/css/select2.min.css" rel="stylesheet" />
      <style type="text/css">
        *,
        *::before,
        *::after {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        }
        html,
        body {
        height: 100%;
        }
        body {
        font-size: 17px;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
        font-weight: normal;
        line-height: 1.5;
        color: #212121;
        line-height: 1.5;
        background: linear-gradient(270deg, rgba(203, 203, 203, 0.56) 10%, rgba(186, 186, 186, 0.11) 20%, #fafafa 30%, #fff 100%);
        }
        /**
        * Begin tipografia.
        */
        a,
        a:active,
        a:link,
        a:visited,
        a:focus {
        color: #2688dc;
        text-decoration: none;
        border-bottom: solid 1px transparent;
        outline: 0;
        }
        a:hover {
        border-bottom-color: #2688dc;
        }
        a.fa:hover {
        border-bottom-color: transparent;
        color: #1f6db0;
        }
        h3 {
        font-size: 20px;
        font-weight: 300;
        margin-bottom: 10px;
        display: block;
        width: 100%;
        padding-bottom: 3px;
        border-bottom: 2px solid #375e7f;
        }
        textarea {
        height: 90px;
        box-sizing: border-box;
        resize: vertical;
        outline: none;
        }
        .btn {
        border: solid 1px #e4e4e4;
        background: linear-gradient(180deg, #fff 0%, #efefef 100%);
        padding: .575rem 1.1rem;
        border-radius: .175rem;
        font-weight: 600;
        color: #686a6b;
        cursor: pointer;
        display: block;
        text-align: center;
        margin-bottom: 5px;
        width: 100%;
        }
        .btn:focus {
        border-color: #375e7f;
        box-shadow: inset 0 -5px 40px rgba(120, 120, 120, 0.1), inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(0, 0, 0, 0.1);
        outline: none;
        }
        .btn:hover {
        box-shadow: inset 0 -100px rgba(108, 108, 108, 0.1);
        }
        .btn.btn-primary {
        border-radius: 3px;
        box-shadow: none;
        color: #fff;
        background: #375e7f;
        font-size: 14px;
        transition: linear all 125ms;
        margin-top: 45%;
        }
        .btn.btn-primary:focus {
        border-color: #375e7f;
        box-shadow: inset 0 1px 2px rgba(39, 56, 28, 0.075), 0 0 0 0.2em rgba(39, 56, 28, 0.6);
        outline: none;
        }
        .btn.btn-primary:hover {
        background: #444;
        }
        .btn.btn-danger {
        color: #fff;
        border-color: #bd2c00;
        background: #e7592e;
        background: linear-gradient(180deg, #f86b40 0%, #bd2c00 100%);
        }
        .btn.btn-danger:focus {
        border-color: #aa2c05;
        box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075), 0 0 0 0.2em rgba(197, 53, 9, 0.66);
        outline: none;
        }
        .btn-progress {
        cursor: not-allowed;
        opacity: .657;
        }
        .form-control, .select2-container--default .select2-selection--single {
        background-color: #fff;
        border: 1px solid #d4d4d4;
        padding: 6px 8px;
        margin: 5px 0 0;
        display: block;
        width: 100%;
        font-size: 16px;
        color: #555;
        line-height: 20px;
        border-radius: 3px;
        box-shadow: inset 0 1px 2px rgba(27, 31, 35, 0.075);
        outline: none;
        height: auto;
        }
        .select2-container--default .select2-selection--single { padding: 2px 8px; }
        .select2-container--default .select2-selection--single .select2-selection__arrow { top: 20%; }
        .form-control:focus {
        border-color: #4b6b35;
        box-shadow: inset 0 1px 2px rgba(75, 107, 53, 0.075), 0 0 0 0.2em rgba(75, 107, 53, 0.6);
        outline: none;
        }
        input[type="text"]:disabled {
        background: #dddddd;
        cursor: not-allowed;
        }
        .card {
        background-color: #E54732;
        padding: 5px;
        font-size: 10px;
        color: #fff;
        font-weight: 800;
        border-radius: 5px;
        float: left;
        margin-right: 5px;
        }
        /*
        * End tipografia.
        **/
        .wrapper {
        width: 50%;
        position: absolute;
        top: 5%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        }
        .wrapper hgroup {
        text-align: center;
        }
        .wrapper hgroup i.fa {
        font-size: 4em;
        }
        .wrapper hgroup h1 {
        font-weight: 300;
        margin: 10px 0;
        padding: 0;
        color: #545454;
        }
        .wrapper form {
        border: solid 1px #d4d4d4;
        margin: 0 0 25px;
        padding: 20px;
        color: #555;
        border-radius: 4px;
        background-color: #fff;
        }
        .wrapper form .form-group label {
        display: table;
        }
        .wrapper form .form-group .form-group-col {
        float: left;
        margin-right: 2%;
        margin-top: 2%;
        }
        .form-group .form-group-col:first-child {
        margin-left: 3%;
        }
        .wrapper footer {
        border: solid 1px #d6d6d6;
        border-radius: 3px;
        padding: 13px;
        text-align: center;
        font-size: 16px;
        color: #555;
        margin-bottom: 2%;
        }
        .col-94 {
        width: 94%;
        }
        .col-46 {
        width: 46%;
        }
        .col-30 {
        width: 30%;
        }
        /**
        * FOR JS Styles:
        */
        #login-form,
        footer {
        box-shadow: 3px 3px 2px 0px rgba(0, 0, 0, 0.16);
        }
        .title h2 {
        font-weight: 300;
        margin-bottom: 5px;
        text-align: center;
        }
        .title h4 {
        font-weight: 300;
        margin-bottom: 15px;
        text-align: center;
        }
        @media screen and (max-width: 900px) {
        .wrapper {
        width: 40%;
        }
        }
        @media screen and (max-width: 600px) {
        .wrapper {
        width: 70%;
        }
        }
        @media screen and (max-width: 500px) {
        .wrapper {
        width: 80%;
        }
        }
        @media screen and (max-width: 400px) {
        .wrapper {
        width: 90%;
        }
        }
      </style>
  </head>
  <body class="bg-dark" style="
      background: url('  ') center center no-repeat fixed;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;">
      <main class="wrapper">
        <form id="form-content">
        <a href="" title="Voltar ao tópico" class="goBack"><i class="fas fa-arrow-left" aria-hidden="true"></i></a>
        <div class="title">
            <h2><b>Relatório de Aulas <i class="fas fa-registered"></i></b></h2>
            <center>
            <img src="https://i.imgur.com/upKAItT.png" alt="some text">
            <h4>Preencha os dados abaixo.</h4>
        </div>
<center><h3>Dados</h3></center>
        <div class="form-group" style="margin-bottom: 15%;">
            <div class="form-group-col col-30">
              <label for="cins">Cargo do Guia:</label>
              <input type="text" id="cins" class="form-control" placeholder="Cargo do Guia" required>
            </div>
            <div class="form-group-col col-30">
              <label for="nins">Nick do Guia:</label>
              <input type="text" id="nins" class="form-control" placeholder="Nome do Guia" required/>
            </div>
            <div class="form-group-col col-30">
              <label for="aula">Aula aplicada:</label>
              <select type="text" name="aula" id="aula" class="form-control js-example-basic-single" required>
                  <option
value="Treinamento de Formação de Soldados (TFSd)">Treinamento de Formação de Soldados (TFSd)</option>
                  <option
value="Aula de Conclusão de Contratos (A.C.C)">Aula de Conclusão de Contratos (A.C.C)</option>
              </select>
        </div>
 
        <div class="form-group">
            <div class="form-group-col col-30" style="margin-right: 100%;">
              <label for="datains">Data da Aula:</label>
              <input type="text" id="datains" class="form-control" disabled/>
            </div>
        </div>
        <div class="form-group">
            <div class="form-group-col col-30">
              <label for="nsol">Nick do Aluno:</label>
              <input type="text" id="nsol" class="form-control" placeholder="Nome do Recruta" required/>
            </div>
            <div class="form-group-col col-30">
              <label for="aprep">Situação:</label>
              <select type="text" name="aprep" id="aprep" class="form-control js-example-basic-single" required>
                  <option value="Aprovado">Aprovado</option>
                  <option value="Reprovado">Reprovado</option>
              </select>
            </div>
            <div class="form-group-col col-30">
        </div>
        <div class="form-group">
            <div class="form-group-col col-94">
              <label for="observ">Desempenho do aluno:</label>
              <textarea data-type="textarea" id="observ" class="form-control" placeholder="Explique todo o rendimento do aluno na aula." required></textarea>
            </div>
        </div>
        <div class="form-group">
            <div class="form-group-col col-94">
        </div>
        <br/>
        <button class="btn btn-primary" type="submit" >Enviar!</button>
        <br>
      <form>
        <footer>
            <div><i class="fas fa-code"></i> Polícia Lendária Habbiana <i class="fas fa-copyright"></i> 2020 <b></b> <i class="fas fa-code"></i> </div>
        </footer>
      </main>
      <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.10/js/select2.min.js" type="text/javascript"></script>
      <script type="text/javascript">
        var month = ["Jan","Fev","Mar","Abr","Mai","Jun","Jul","Ago","Set","Out","Nov","Dez"];
 
        function formatDate(instance) {
            var day = (!! instance.getDate().toString()[1]) ? instance.getDate() : '0' + instance.getDate();
            var month_index = instance.getMonth();
            var year = instance.getFullYear();
 
            var date = [ day, month[month_index], year ].join(" ");
            return date;
        };
 
        var curDate = new Date();
        $('#datains').val(formatDate(curDate));
      </script>
      <script type="text/javascript">
        (function ($) {
          'use strict';
 
          var topic = '20',
              content;
    
          $(function () {
    
              $('.js-example-basic-single').select2();
              $('.goBack').attr('href','/t' + topic + '-?view=newest');
    
              $('#form-content').on('submit', function (event) {
    
                var data = {
                  nins: $('#nins').val(),
                  cins: $('#cins').val(),
                  aula: $('#aula').val(),
                  nsol: $('#nsol').val(),
                  aprep: $('#aprep').val(),
                  datains: $('#datains').val(),
                  observ: $('#observ').val(),
                  termos: 'X',
                  codact: ''
                };
    
                if(data.aprep == "Aprovado") {
              data.codact = data.nsol + ' - ' + data.datains + ' [' + data.tag + ']';
                } else {
              data.codact = '[color=#ff0000]Reprovado[/color] - ' + data.datains;
                }
    
                if ($('#observaçao').val() === '') {
                  data.observaçao = 'Observação desnecessária.';
                } else {
                  data.observaçao = $('#observaçao').val();
                }
            
    
    
                content = [
                            
'[color=#0000000][size=18][b]INFORMAÇÕES REFERENTES A AULA:[/b][/size][/color] ',                                                                                    
' ',
'[color=#000000][b]Foi aplicado[/b][/color] ' + data.aula,
' ',
'[color=#000000][b]Nick do aluno(a/s):[/b][/color] ' + data.nsol,
                            
'[color=#000000][b]Situação:[/b][/color] ' + data.aprep,
' ',
'[color=#000000][b]Aula aplicada por[/b][/color] ' + data.cins + ' ' + data.nins,                        
' ',
'[color=#000000][size=18][b] INFORMAÇÕES ADICIONAIS:[/color][size=18]
Grato pela correção, mas infelizmente, ainda não funcionou.
X-Comecome
X-Comecome
Novo Membro

Membro desde : 10/05/2020
Mensagens : 5
Pontos : 7

https://policiaplhoficial.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário não insere dados ao responder o tópico.

Mensagem por Chanp 10.05.20 20:35

Peço desculpas, eu tinha enviado um código referente a um formulário semelhante.
Editei o código na mensagem acima. Confira, por favor.

Chanp
Chanp
Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário não insere dados ao responder o tópico.

Mensagem por X-Comecome 10.05.20 20:42

Infelizmente ainda não inseriu os dados.
X-Comecome
X-Comecome
Novo Membro

Membro desde : 10/05/2020
Mensagens : 5
Pontos : 7

https://policiaplhoficial.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário não insere dados ao responder o tópico.

Mensagem por X-Comecome 10.05.20 20:50

Olá, consegui resolver, era apenas uma configuração de segurança, resolvi marcando a alternativa não em: Fórum>Segurança>Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas.
Grato por sua ajuda.
X-Comecome
X-Comecome
Novo Membro

Membro desde : 10/05/2020
Mensagens : 5
Pontos : 7

https://policiaplhoficial.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário não insere dados ao responder o tópico.

Mensagem por Chanp 10.05.20 20:50

Olá X-Comecome,

Isso significa que muito provavelmente o problema não está na página HTML.
Você está utilizando algum código JavaScript para realizar a postagem do tópico? Se sim, me envie, por favor.

Chanp
Chanp
Chanp
Super Membro

Membro desde : 04/01/2018
Mensagens : 1072
Pontos : 1191

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário não insere dados ao responder o tópico.

Mensagem por RafaelS. 10.05.20 20:52

X-Comecome escreveu:Olá, consegui resolver, era apenas uma configuração de segurança, resolvi marcando a alternativa não em: Fórum>Segurança>Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas.
Grato por sua ajuda.

@X-Comecome,

Atenção!


Você não pode postar mensagens consecutivas ou UP's antes de se completarem 24 horas desde a sua última mensagem em um tópico.

Por este motivo, pedimos que leia as regras do Setor de Suporte e as regras do Fórum dos Fóruns para não cometer novos erros.

Tópico resolvido


Movido para "Questões resolvidas".
avatar
RafaelS.
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos