Fórum grátis: ajuda e atendimento ao utilizador Forumeiros.com

Formulário não posta

3 participantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery

Ir para baixo

Tópico resolvido Formulário não posta

Mensagem por sucodemaracaju 19/05/20, 12:09 pm

Detalhes da questão


Endereço do fórum: http://teste1432.forumeiros.com
Versão do fórum: ModernBB

Descrição


Olá a todos, eu já pesquisei muitas vezes sobre o mesmo tópico e nada...
Já desativei a opção "Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas" e tudo...

aqui o html:
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.servimg.com/u/f62/19/63/72/58/rhclog10.png">
      <title>Solicitação de alteração: Promoção</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>Solicitação de alteração: Promoção <i class="fas fa-registered"></i></b></h2>
            <center>
            <img src="https://i.servimg.com/u/f62/19/63/72/58/rhclog10.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:</label>
              <input type="text" id="cins" class="form-control" placeholder="Seu cargo" required>
            </div>
            <div class="form-group-col col-30">
              <label for="nins">Nick:</label>
              <input type="text" id="nins" class="form-control" placeholder="Seu nick" required/>
            </div>
            <div class="form-group-col col-30">
              <label for="tag">Tag:</label>
              <input type="text" id="tag" class="form-control" placeholder="Exemplo: PrT" required>
        </div>
        <div class="form-group">
            <div class="form-group-col col-30" style="margin-right: 100%;">
              <label for="datains">Data:</label>
              <input type="text" id="datains" class="form-control" disabled/>
            </div>
        </div>
        <div class="form-group" style="margin-bottom: 0%;">
            <div class="form-group-col col-30">
              <label for="nsol">Funcionário(a):</label>
              <input type="text" id="nsol" class="form-control" placeholder=". . ." required/>
            </div>
            <div class="form-group-col col-30">
              <label for="miss">Missão anterior:</label>
              <input type="text" id="miss" class="form-control" placeholder=". . ." required/>
            </div>
            <div class="form-group-col col-30">
              <label for="carn">Cargo atual:</label>
              <input type="text" id="miss" class="form-control" placeholder=". . ." required/>
        </div>
        <div class="form-group">
            <div class="form-group-col col-94">
              <label for="observ">Observações:</label>
              <textarea data-type="textarea" id="observ" class="form-control" placeholder="Explique todo o rendimento do aluno no teste." 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 RHC <i class="fas fa-copyright"></i> 2010 - 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 = '1',
              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(),
                  tag: $('#tag').val(),
                  nsol: $('#nsol').val(),
                  datains: $('#datains').val(),
                  observ: $('#observ').val(),
                  carn:$('#carn').val(),
                  miss:$('#miss').val(),
                  termos: 'X',
                };
   
                if ($('#observaçao').val() === '') {
                  data.observaçao = 'Observação desnecessária.';
                } else {
                  data.observaçao = $('#observaçao').val();
                }
           
             
             
             
   
                      content = [
'[color=#000000][b]INFORMAÇÕES REFERENTES A PROMOÇÃO:[/b][/color]',
' ',
'[color=#000000][b]Nick do(a) funcionário(a):[/b][/color] ' + data.nsol,
' ',
'[color=#000000][b]Missão anterior:[/b][/color] ' + data.miss,
'[color=#000000][b]Cargo atual:[/b][/color] ' + data.carn,
' ',
'[color=#000000][b]Promoção efetuada por:[/b][/color] ' + data.cins + ' ' + data.nins,
' ',
'[color=#000000][b]INFORMAÇÕES ADICIONAIS:[/b][/color]',
' ',
'[color=#000000][b]Observações:[/b][/color] ' + data.observ,
' ',
'[color=#000000][b]Listagem:[/b][/color] ' + data.nsol + ' - ' + data.datains + ' [' + data.tag + ']'                   
 
          ].join('\n');
             
               
       
      event.preventDefault();
                setTimeout(function () {
                      $.post('/post', {
                          t: 65,
                          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>

ele preenche tudo certo, mas quando vou no t1, não tem nada postado
sucodemaracaju
sucodemaracaju
**

Membro desde : 04/05/2020
Mensagens : 62
Pontos : 116

https://testandoforumeiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário não posta

Mensagem por tikky 19/05/20, 12:27 pm

Olá @sucodemaracaju,

Altere para:
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.servimg.com/u/f62/19/63/72/58/rhclog10.png">
      <title>Solicitação de alteração: Promoção</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>Solicitação de alteração: Promoção <i class="fas fa-registered"></i></b></h2>
            <center>
            <img src="https://i.servimg.com/u/f62/19/63/72/58/rhclog10.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:</label>
              <input type="text" id="cins" class="form-control" placeholder="Seu cargo" required>
            </div>
            <div class="form-group-col col-30">
              <label for="nins">Nick:</label>
              <input type="text" id="nins" class="form-control" placeholder="Seu nick" required/>
            </div>
            <div class="form-group-col col-30">
              <label for="tag">Tag:</label>
              <input type="text" id="tag" class="form-control" placeholder="Exemplo: PrT" required>
        </div>
        <div class="form-group">
            <div class="form-group-col col-30" style="margin-right: 100%;">
              <label for="datains">Data:</label>
              <input type="text" id="datains" class="form-control" disabled/>
            </div>
        </div>
        <div class="form-group" style="margin-bottom: 0%;">
            <div class="form-group-col col-30">
              <label for="nsol">Funcionário(a):</label>
              <input type="text" id="nsol" class="form-control" placeholder=". . ." required/>
            </div>
            <div class="form-group-col col-30">
              <label for="miss">Missão anterior:</label>
              <input type="text" id="miss" class="form-control" placeholder=". . ." required/>
            </div>
            <div class="form-group-col col-30">
              <label for="carn">Cargo atual:</label>
              <input type="text" id="miss" class="form-control" placeholder=". . ." required/>
        </div>
        <div class="form-group">
            <div class="form-group-col col-94">
              <label for="observ">Observações:</label>
              <textarea data-type="textarea" id="observ" class="form-control" placeholder="Explique todo o rendimento do aluno no teste." 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 RHC <i class="fas fa-copyright"></i> 2010 - 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 = '1',
              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(),
                  tag: $('#tag').val(),
                  nsol: $('#nsol').val(),
                  datains: $('#datains').val(),
                  observ: $('#observ').val(),
                  carn:$('#carn').val(),
                  miss:$('#miss').val(),
                  termos: 'X',
                };
 
                if ($('#observaçao').val() === '') {
                  data.observaçao = 'Observação desnecessária.';
                } else {
                  data.observaçao = $('#observaçao').val();
                }
         
           
           
           
 
                      content = [
'[color=#000000][b]INFORMAÇÕES REFERENTES A PROMOÇÃO:[/b][/color]',
' ',
'[color=#000000][b]Nick do(a) funcionário(a):[/b][/color] ' + data.nsol,
' ',
'[color=#000000][b]Missão anterior:[/b][/color] ' + data.miss,
'[color=#000000][b]Cargo atual:[/b][/color] ' + data.carn,
' ',
'[color=#000000][b]Promoção efetuada por:[/b][/color] ' + data.cins + ' ' + data.nins,
' ',
'[color=#000000][b]INFORMAÇÕES ADICIONAIS:[/b][/color]',
' ',
'[color=#000000][b]Observações:[/b][/color] ' + data.observ,
' ',
'[color=#000000][b]Listagem:[/b][/color] ' + data.nsol + ' - ' + data.datains + ' [' + data.tag + ']'                 
 
          ].join('\n');
           
             
     
      event.preventDefault();
                setTimeout(function () {
                      $.post('/post', {
                          t: topic,
                          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>
O formulário estava configurado para outro tópico, que possivelmente não existe!


Atenciosamente,
pedxz.
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário não posta

Mensagem por sucodemaracaju 19/05/20, 03:00 pm

Olá, pedxz! Funcionou perfeitamente, agradeço

Mas me tira umas dúvidas, para modificar o endereço pra onde vai postar, onde vou? Eu tentei algumas coisas antes, no caso é apenas alterar apenas o número do "var" de "1" para onde eu quero?

outra dúvida, no final da postagem aparece dois "n" assim:

Cargo: Nome do cargon n

Em todos são assim, menos na Listagem, como resolve isso?

Outra, como faço para dar tipo a  tag "<br/>" no content da postagem? porque está tudo enfileirado um atrás do outro sem espaço, sem nada, queria um abaixo do outro exemplo:

Cargo: sssss
Tag: sssss

No editor é fácil, mas como se trata de bbcode, não sei kkk
Já tentei o LIST E /LIST

mas só funcionou nos títulos

Caso precise criar outros tópicos pra isso, avise que eu crio imediatamente, agradeço
sucodemaracaju
sucodemaracaju
**

Membro desde : 04/05/2020
Mensagens : 62
Pontos : 116

https://testandoforumeiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário não posta

Mensagem por Chanp 19/05/20, 03:16 pm

Olá @sucodemaracaju,

Para alterar o tópico de destino, basta procurar por var topic = '1', no código acima e substituir o número 1 pelo ID do tópico para onde a resposta deve ir.

Você poderia me disponibilizar uma conta teste para eu trabalhar nos seus problemas, 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 posta

Mensagem por tikky 19/05/20, 03:37 pm

sucodemaracaju escreveu:outra dúvida, no final da postagem aparece dois "n" assim:

Cargo: Nome do cargon n

Em todos são assim, menos na Listagem, como resolve isso?

Outra, como faço para dar tipo a  tag "<br/>" no content da postagem? porque está tudo enfileirado um atrás do outro sem espaço, sem nada, queria um abaixo do outro exemplo:

Cargo: sssss
Tag: sssss

No editor é fácil, mas como se trata de bbcode, não sei kkk
Já tentei o LIST E /LIST

mas só funcionou nos títulos

Caso precise criar outros tópicos pra isso, avise que eu crio imediatamente, agradeço
O formulário referido é o de cima? Eu testei e não vi tal erro, ele dá o espaço a cada linha Envergonhado
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário não posta

Mensagem por Chanp 19/05/20, 03:47 pm

Olá,

Acredito que isso possa ter sido ocasionado pela falta de organização do código. Algumas variáveis estão sendo utilizadas em dois campos do formulário simultaneamente, etcetra. Acredito que seria uma boa se você refizesse a parte HTML do seu formulário, mas eu fiz com o que eu tinha em mãos. Portanto, altere o código para 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.servimg.com/u/f62/19/63/72/58/rhclog10.png">
      <title>Solicitação de alteração: Promoção</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>Solicitação de alteração: Promoção <i class="fas fa-registered"></i></b></h2>
            <center>
            <img src="https://i.servimg.com/u/f62/19/63/72/58/rhclog10.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:</label>
              <input type="text" id="cins" class="form-control" placeholder="Seu cargo" required>
            </div>
            <div class="form-group-col col-30">
              <label for="nins">Nick:</label>
              <input type="text" id="nins" class="form-control" placeholder="Seu nick" required/>
            </div>
            <div class="form-group-col col-30">
              <label for="tag">Tag:</label>
              <input type="text" id="tag" class="form-control" placeholder="Exemplo: PrT" required>
        </div>
        <div class="form-group">
            <div class="form-group-col col-30" style="margin-right: 100%;">
              <label for="datains">Data:</label>
              <input type="text" id="datains" class="form-control" disabled/>
            </div>
        </div>
        <div class="form-group" style="margin-bottom: 0%;">
            <div class="form-group-col col-30">
              <label for="nsol">Funcionário(a):</label>
              <input type="text" id="nsol" class="form-control" placeholder=". . ." required/>
            </div>
            <div class="form-group-col col-30">
              <label for="miss">Missão anterior:</label>
              <input type="text" id="miss" class="form-control" placeholder=". . ." required/>
            </div>
            <div class="form-group-col col-30">
              <label for="carn">Cargo atual:</label>
              <input type="text" id="miss" class="form-control" placeholder=". . ." required/>
        </div>
        <div class="form-group">
            <div class="form-group-col col-94">
              <label for="observ">Observações:</label>
              <textarea data-type="textarea" id="observ" class="form-control" placeholder="Explique todo o rendimento do aluno no teste." 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 RHC <i class="fas fa-copyright"></i> 2010 - 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 = '1',
              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(),
                  tag: $('#tag').val(),
                  nsol: $('#nsol').val(),
                  datains: $('#datains').val(),
                  observ: $('#observ').val(),
                  carn:$('#carn').val(),
                  miss:$('#miss').val(),
                  termos: 'X',
                };
 
                if ($('#observaçao').val() === '') {
                  data.observaçao = 'Observação desnecessária.';
                } else {
                  data.observaçao = $('#observaçao').val();
                }
        
          
          
          
 
                      content = [
                        '[center][b]Modelo I - Promoção[/b][/center]',
                        '',
                                '[b]Nickname do funcionário:[/b] ' + data.nsol,
                                '[b]Missão anterior:[/b] ' + data.miss,
                                '',
                                '[b]Cargo atual:[/b] ' + data.miss + '.',
                                '[b]Promoção realizada por:[/b] ' + data.nins,
                                '',
                                '[b]Motivos para a promoção:[/b] ' + data.observaçao,
                                '',
                                '[b]' + data.nsol + ' [' + data.tag + '] ' + data.datains + '[/b]',              
          ].join('\n');
          
            
    
      event.preventDefault();
                setTimeout(function () {
                      $.post('/post', {
                          t: topic,
                          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>


Última edição por Chanp em 19/05/20, 03:55 pm, 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 posta

Mensagem por sucodemaracaju 19/05/20, 03:51 pm

Olá, pessoal.
Eu testei novamente o formulário e funcionou certinho!
Peço desculpas...Envergonhado
Agradeço, chanp e pedxz!
Vocês são demais, podem fechar Sorrir
sucodemaracaju
sucodemaracaju
**

Membro desde : 04/05/2020
Mensagens : 62
Pontos : 116

https://testandoforumeiros.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário não posta

Mensagem por Chanp 19/05/20, 03:54 pm

Foi um prazer!

---

Tópico resolvido


Movido para "Questões resolvidas".
Chanp
Chanp
Super Membro

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

https://2forum2.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

Fórum dos Fóruns :: Ajuda e atendimento ao utilizador :: Questões sobre códigos :: Questões resolvidas sobre códigos Javascript e jQuery

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