Formulário HTML não posta mensagem

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Atendido / Resolvido Formulário HTML não posta mensagem

Mensagem por -Xerox- 24.06.20 21:30

Detalhes da questão


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

Descrição


Olá, Convidado!

Estou com problemas com minha página HTML/Formulário, pois ela não posta a mensagem e acho que é problema com JavaScript nela, mas eu não sei mexer com isso, pode me ajudar?

Código:

<html><head>

  <link rel="shortcut icon" href="https://www.habbo.com.br/habbo-imaging/badge/b09014s43131s50134s17015s1701348738bbdc80b61086e67d7efcd5a4f49.gif">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Cadastro: Corpo de Oficiais</title>

  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">
  <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: #375e7f;
      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: 62%;
    }

    .btn.btn-primary:focus {
      border-color: #;
      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: #273e52;
    }

    .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 {
      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;
    }

    .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-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>
  <main class="wrapper">

    <hgroup>
      <h1><img src="https://www.habbo.com.br/habbo-imaging/badge/b09014s43131s50134s17015s1701348738bbdc80b61086e67d7efcd5a4f49.gif"></h1>
    </hgroup>

    <form id="form-content">
      <a title="Voltar ao menu" href="/h1-"><em class="fas fa-arrow-left" aria-hidden="true"></em></a>       
   <div class="title">
        <h4>Preencha os dados corretamente. No caso dos campos opcionais, se não quiser preencher com dados relevantes, deixe vazio.</h4>
      </div>
      <h3>Dados do promotor</h3>
      <div class="form-group" style="margin-bottom: 15%;">
        <div class="form-group-col col-30">
          <label for="npromotor">Seu nickname:</label>
          <input type="text" id="npromotor" class="form-control" placeholder="O seu nickname" required="">
        </div>
        <div class="form-group-col col-30">
          <label for="cpromotor">O seu posto atual:</label>
          <input type="text" id="cpromotor" class="form-control" placeholder="" required="">
        </div>
        <div class="form-group-col col-30">
          <label for="tag">Sua TAG:</label>
          <input type="text" id="tag" class="form-control" placeholder="A sua TAG (sem [ ])" maxlength="3" required="">
        </div>
      </div>
      <h3>Dados da promoção</h3>
      <div class="form-group">
        <div class="form-group-col col-30" style="margin-right: 100%;">
          <label for="datapromo">Data da promoção:</label>
          <input type="text" id="datapromo" class="form-control" disabled="">
        </div>
      </div>
      <div class="form-group">
        <div class="form-group-col col-30">
          <label for="npromovido">Nickname:</label>
          <input type="text" id="npromovido" class="form-control" placeholder="Nome do promovido" required="">
        </div>
        <div class="form-group-col col-30">
          <label for="cargoantigo">Patente antiga:</label>
          <select data-type="select" id="cargoantigo" class="form-control" required="">
            <!-- First -->
            <option value="Aspirante-à-Oficial">Aspirante-à-Oficial</option>
            <option value="Tenente">Tenente</option>
            <option value="Capitão">Capitão</option>
          <option value="Coronel">Coronel</option>
            <option value="General">General</option>
            <option value="Marechal">Marechal</option>
            <option value="Comandante">Comandante</option>
          </select>
        </div>
        <div class="form-group-col col-30">
          <label for="cargoatual">Patente atual:</label>
          <select data-type="select" id="cargoatual" class="form-control" required="">
            <!-- First -->
            <option value="Tenente">Tenente</option>
            <option value="Capitão">Capitão</option>
          <option value="Coronel">Coronel</option>
            <option value="General">General</option>
            <option value="Marechal">Marechal</option>
            <option value="Comandante">Comandante</option>
            <option value="Comandante-Geral">Comandante-Geral</option>
          </select>   
          </select>
        </div>
      </div>
      <div class="form-group">
        <div class="form-group-col col-94">
          <label for="motivos">Motivos para a promoção:</label>
          <textarea data-type="textarea" id="motivos" class="form-control" placeholder="Coloque aqui todos os motivos que tem para ter promovido o militar." required=""></textarea>
        </div>
      </div>
      <div class="form-group">
        <div class="form-group-col col-94">
          <span class="card">OPCIONAL</span>
          <label for="permissao">Permissão:</label>
          <input type="text" id="permissao" class="form-control" placeholder="">
        </div>
      </div>
      <div class="form-group">
        <div class="form-group-col col-94">
          <input type="checkbox" name="termos" value="X" required=""> Li e concordo com as normas de promoção.
        </div>
      </div>
      <br>
       
                                <button type="submit" class="btn btn-primary">Enviar</button>

    </form>
  </main>
   
  <script>
    var instance = new Date();
 
    var month =["Jan","Fev","Mar", "Abr","Mai","Jun", "Jul","Ago","Set", "Out","Nov","Dez"];
   
    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(" ");
   
    document.getElementById('datapromo').value = date;
  </script>

  <textarea style="display: none;" id="post-msg">[center][b][color=#ff0000]Modelo I - Promoção[/color][/b][/center]

    [b]Seu posto e nickname:[/b] {{cpromotor}} {{npromotor}}
    [b]Promoção:[/b] {{cargoantigo}} a {{cargoatual}}
   
    [b]{{npromovido}} [{{tag}}] {{datapromo}}[/b]
   
    [b]Motivos para a promoção:[/b] {{motivos}}
    [b]Permissão:[/b] {{permissao}}
   
    ({{termos}}) Li e concordo com as normas de promoção.</textarea>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script type="text/javascript">
    (function ($) {
      'use strict';

      $(function () {
          $('#form-content').on('submit', function (event) {

            var data = {
              npromotor: $('#npromotor').val(),
            cpromotor: $('#cpromotor').val(),
              cargoantigo: $('#cargoantigo').val(),
              cargoatual: $('#cargoatual').val(),
              npromovido: $('#npromovido').val(),
              tag: $('#tag').val(),
              datapromo: $('#datapromo').val(),
              motivos: $('#motivos').val(),
              permissao: '',
              termos: ' x ',
            };

            if ($('#permissao').val() === '') {
              data.permissao = 'N/A.';
            } else {
              data.permissao = $('#permissao').val();
            }
           
            event.preventDefault();
            setTimeout(function () {
                  $.post('/post', {
                      t: 172,
                      message: [
              '[center][b][color=#ff0000]Modelo I - Promoção[/color][/b][/center]',
              '',
                      '[b]Seu posto e nickname:[/b] ' + data.cpromotor + ' ' + data.npromotor,
                      '[b]Promoção:[/b] ' + data.cargoantigo + ' a ' + data.cargoatual,
                      '',
                      '[b]' + data.npromovido + ' [' + data.tag + '] ' + data.datapromo + '[/b]',
                      '',
                      '[b]Motivos para a promoção:[/b] ' + data.motivos,
                      '[b]Permissão:[/b] ' + data.permissao,
                      '',
                      '(' + data.termos + ') Li e concordo com as normas de promoção.',
                      ].join('\n'),
                      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 = '/post' + location.host + '/post';
                  }).fail(function () {
                      alert('Houve um erro! Tente novamente!');
                  });
            }, 600);
          });
      });
    }(jQuery));
  </script>

</body></html>

Agradeço!
-Xerox-

-Xerox-
Nível 10

Masculino
Inscrito dia : 08/11/2019
Mensagens : 270
Pontos ativos : 405

https://portalcrnblet.forumeiros.com/

Atendido / Resolvido Re: Formulário HTML não posta mensagem

Mensagem por pedxz 24.06.20 21:46

Olá @-Xerox-,

Limpei a sua página e realmente tinha um pequeno erro do redirecionamento e outro, altere para:
Código:

<html>
   <head>
      <link rel="shortcut icon" href="https://www.habbo.com.br/habbo-imaging/badge/b09014s43131s50134s17015s1701348738bbdc80b61086e67d7efcd5a4f49.gif">
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Cadastro: Corpo de Oficiais</title>
      <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">
      <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: #375e7f;
         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: 62%;
         }
         .btn.btn-primary:focus {
         border-color: #;
         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: #273e52;
         }
         .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 {
         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;
         }
         .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-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>
      <main class="wrapper">
         <hgroup>
            <h1><img src="https://www.habbo.com.br/habbo-imaging/badge/b09014s43131s50134s17015s1701348738bbdc80b61086e67d7efcd5a4f49.gif"></h1>
         </hgroup>
         <form id="form-content">
            <a title="Voltar ao menu" href="/h1-"><em class="fas fa-arrow-left" aria-hidden="true"></em></a>      
            <div class="title">
               <h4>Preencha os dados corretamente. No caso dos campos opcionais, se não quiser preencher com dados relevantes, deixe vazio.</h4>
            </div>
            <h3>Dados do promotor</h3>
            <div class="form-group" style="margin-bottom: 15%;">
               <div class="form-group-col col-30">
                  <label for="npromotor">Seu nickname:</label>
                  <input type="text" id="npromotor" class="form-control" placeholder="O seu nickname" required="">
               </div>
               <div class="form-group-col col-30">
                  <label for="cpromotor">O seu posto atual:</label>
                  <input type="text" id="cpromotor" class="form-control" placeholder="" required="">
               </div>
               <div class="form-group-col col-30">
                  <label for="tag">Sua TAG:</label>
                  <input type="text" id="tag" class="form-control" placeholder="A sua TAG (sem [ ])" maxlength="3" required="">
               </div>
            </div>
            <h3>Dados da promoção</h3>
            <div class="form-group">
               <div class="form-group-col col-30" style="margin-right: 100%;">
                  <label for="datapromo">Data da promoção:</label>
                  <input type="text" id="datapromo" class="form-control" disabled="">
               </div>
            </div>
            <div class="form-group">
               <div class="form-group-col col-30">
                  <label for="npromovido">Nickname:</label>
                  <input type="text" id="npromovido" class="form-control" placeholder="Nome do promovido" required="">
               </div>
               <div class="form-group-col col-30">
                  <label for="cargoantigo">Patente antiga:</label>
                  <select data-type="select" id="cargoantigo" class="form-control" required="">
                     <!-- First -->
                     <option value="Aspirante-à-Oficial">Aspirante-à-Oficial</option>
                     <option value="Tenente">Tenente</option>
                     <option value="Capitão">Capitão</option>
                     <option value="Coronel">Coronel</option>
                     <option value="General">General</option>
                     <option value="Marechal">Marechal</option>
                     <option value="Comandante">Comandante</option>
                  </select>
               </div>
               <div class="form-group-col col-30">
                  <label for="cargoatual">Patente atual:</label>
                  <select data-type="select" id="cargoatual" class="form-control" required="">
                     <!-- First -->
                     <option value="Tenente">Tenente</option>
                     <option value="Capitão">Capitão</option>
                     <option value="Coronel">Coronel</option>
                     <option value="General">General</option>
                     <option value="Marechal">Marechal</option>
                     <option value="Comandante">Comandante</option>
                     <option value="Comandante-Geral">Comandante-Geral</option>
                  </select>
                  </select>
               </div>
            </div>
            <div class="form-group">
               <div class="form-group-col col-94">
                  <label for="motivos">Motivos para a promoção:</label>
                  <textarea data-type="textarea" id="motivos" class="form-control" placeholder="Coloque aqui todos os motivos que tem para ter promovido o militar." required=""></textarea>
               </div>
            </div>
            <div class="form-group">
               <div class="form-group-col col-94">
                  <span class="card">OPCIONAL</span>
                  <label for="permissao">Permissão:</label>
                  <input type="text" id="permissao" class="form-control" placeholder="">
               </div>
            </div>
            <div class="form-group">
               <div class="form-group-col col-94">
                  <input type="checkbox" name="termos" value="X" required=""> Li e concordo com as normas de promoção.
               </div>
            </div>
            <br>
            <button type="submit" class="btn btn-primary">Enviar</button>
         </form>
      </main>
      <textarea style="display: none;" id="post-msg">[center][b][color=#ff0000]Modelo I - Promoção[/color][/b][/center]
 
    [b]Seu posto e nickname:[/b] {{cpromotor}} {{npromotor}}
    [b]Promoção:[/b] {{cargoantigo}} a {{cargoatual}}
  
    [b]{{npromovido}} [{{tag}}] {{datapromo}}[/b]
  
    [b]Motivos para a promoção:[/b] {{motivos}}
    [b]Permissão:[/b] {{permissao}}
  
    ({{termos}}) Li e concordo com as normas de promoção.</textarea>
      <script src="https://code.jquery.com/jquery-3.5.1.min.js" type="text/javascript"></script>
      <script type="text/javascript">
         (function ($) {
           'use strict';
        
           $(function () {
         var instance = new Date();
        
         var month =["Jan","Fev","Mar", "Abr","Mai","Jun", "Jul","Ago","Set", "Out","Nov","Dez"];
        
         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(" ");
        
         document.getElementById('datapromo').value = date;
        
        
               $('#form-content').on('submit', function (event) {
        
                 var data = {
                   npromotor: $('#npromotor').val(),
                 cpromotor: $('#cpromotor').val(),
                   cargoantigo: $('#cargoantigo').val(),
                   cargoatual: $('#cargoatual').val(),
                   npromovido: $('#npromovido').val(),
                   tag: $('#tag').val(),
                   datapromo: $('#datapromo').val(),
                   motivos: $('#motivos').val(),
                   permissao: '',
                   termos: ' x ',
                 };
        
                 if ($('#permissao').val() === '') {
                   data.permissao = 'N/A.';
                 } else {
                   data.permissao = $('#permissao').val();
                 }
                
                 event.preventDefault();
                 setTimeout(function () {
                       $.post('/post', {
                           t: 1,
                           message: [
                   '[center][b][color=#ff0000]Modelo I - Promoção[/color][/b][/center]',
                   '',
                           '[b]Seu posto e nickname:[/b] ' + data.cpromotor + ' ' + data.npromotor,
                           '[b]Promoção:[/b] ' + data.cargoantigo + ' a ' + data.cargoatual,
                           '',
                           '[b]' + data.npromovido + ' [' + data.tag + '] ' + data.datapromo + '[/b]',
                           '',
                           '[b]Motivos para a promoção:[/b] ' + data.motivos,
                           '[b]Permissão:[/b] ' + data.permissao,
                           '',
                           '(' + data.termos + ') Li e concordo com as normas de promoção.',
                           ].join('\n'),
                           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 = '/forum';
                       }).fail(function () {
                           alert('Houve um erro! Tente novamente!');
                       });
                 }, 600);
               });
           });
         }(jQuery));
      </script>
   </body>
</html>


Cordialmente,
pedxz.


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6059
Pontos ativos : 7197

Atendido / Resolvido Re: Formulário HTML não posta mensagem

Mensagem por -Xerox- 24.06.20 23:31

Olá, Pedxz!

Ainda não funcionou, é para o /t3.
-Xerox-

-Xerox-
Nível 10

Masculino
Inscrito dia : 08/11/2019
Mensagens : 270
Pontos ativos : 405

https://portalcrnblet.forumeiros.com/

Atendido / Resolvido Re: Formulário HTML não posta mensagem

Mensagem por pedxz 24.06.20 23:42

Altere para:
Código:
 
<html>
  <head>
      <link rel="shortcut icon" href="https://www.habbo.com.br/habbo-imaging/badge/b09014s43131s50134s17015s1701348738bbdc80b61086e67d7efcd5a4f49.gif">
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Cadastro: Corpo de Oficiais</title>
      <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css">
      <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: #375e7f;
        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: 62%;
        }
        .btn.btn-primary:focus {
        border-color: #;
        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: #273e52;
        }
        .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 {
        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;
        }
        .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-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>
      <main class="wrapper">
        <hgroup>
            <h1><img src="https://www.habbo.com.br/habbo-imaging/badge/b09014s43131s50134s17015s1701348738bbdc80b61086e67d7efcd5a4f49.gif"></h1>
        </hgroup>
        <form id="form-content">
            <a title="Voltar ao menu" href="/h1-"><em class="fas fa-arrow-left" aria-hidden="true"></em></a>     
            <div class="title">
              <h4>Preencha os dados corretamente. No caso dos campos opcionais, se não quiser preencher com dados relevantes, deixe vazio.</h4>
            </div>
            <h3>Dados do promotor</h3>
            <div class="form-group" style="margin-bottom: 15%;">
              <div class="form-group-col col-30">
                  <label for="npromotor">Seu nickname:</label>
                  <input type="text" id="npromotor" class="form-control" placeholder="O seu nickname" required="">
              </div>
              <div class="form-group-col col-30">
                  <label for="cpromotor">O seu posto atual:</label>
                  <input type="text" id="cpromotor" class="form-control" placeholder="" required="">
              </div>
              <div class="form-group-col col-30">
                  <label for="tag">Sua TAG:</label>
                  <input type="text" id="tag" class="form-control" placeholder="A sua TAG (sem [ ])" maxlength="3" required="">
              </div>
            </div>
            <h3>Dados da promoção</h3>
            <div class="form-group">
              <div class="form-group-col col-30" style="margin-right: 100%;">
                  <label for="datapromo">Data da promoção:</label>
                  <input type="text" id="datapromo" class="form-control" disabled="">
              </div>
            </div>
            <div class="form-group">
              <div class="form-group-col col-30">
                  <label for="npromovido">Nickname:</label>
                  <input type="text" id="npromovido" class="form-control" placeholder="Nome do promovido" required="">
              </div>
              <div class="form-group-col col-30">
                  <label for="cargoantigo">Patente antiga:</label>
                  <select data-type="select" id="cargoantigo" class="form-control" required="">
                    <!-- First -->
                    <option value="Aspirante-à-Oficial">Aspirante-à-Oficial</option>
                    <option value="Tenente">Tenente</option>
                    <option value="Capitão">Capitão</option>
                    <option value="Coronel">Coronel</option>
                    <option value="General">General</option>
                    <option value="Marechal">Marechal</option>
                    <option value="Comandante">Comandante</option>
                  </select>
              </div>
              <div class="form-group-col col-30">
                  <label for="cargoatual">Patente atual:</label>
                  <select data-type="select" id="cargoatual" class="form-control" required="">
                    <!-- First -->
                    <option value="Tenente">Tenente</option>
                    <option value="Capitão">Capitão</option>
                    <option value="Coronel">Coronel</option>
                    <option value="General">General</option>
                    <option value="Marechal">Marechal</option>
                    <option value="Comandante">Comandante</option>
                    <option value="Comandante-Geral">Comandante-Geral</option>
                  </select>
                  </select>
              </div>
            </div>
            <div class="form-group">
              <div class="form-group-col col-94">
                  <label for="motivos">Motivos para a promoção:</label>
                  <textarea data-type="textarea" id="motivos" class="form-control" placeholder="Coloque aqui todos os motivos que tem para ter promovido o militar." required=""></textarea>
              </div>
            </div>
            <div class="form-group">
              <div class="form-group-col col-94">
                  <span class="card">OPCIONAL</span>
                  <label for="permissao">Permissão:</label>
                  <input type="text" id="permissao" class="form-control" placeholder="">
              </div>
            </div>
            <div class="form-group">
              <div class="form-group-col col-94">
                  <input type="checkbox" name="termos" value="X" required=""> Li e concordo com as normas de promoção.
              </div>
            </div>
            <br>
            <button type="submit" class="btn btn-primary">Enviar</button>
        </form>
      </main>
      <textarea style="display: none;" id="post-msg">[center][b][color=#ff0000]Modelo I - Promoção[/color][/b][/center]
 
    [b]Seu posto e nickname:[/b] {{cpromotor}} {{npromotor}}
    [b]Promoção:[/b] {{cargoantigo}} a {{cargoatual}}
 
    [b]{{npromovido}} [{{tag}}] {{datapromo}}[/b]
 
    [b]Motivos para a promoção:[/b] {{motivos}}
    [b]Permissão:[/b] {{permissao}}
 
    ({{termos}}) Li e concordo com as normas de promoção.</textarea>
      <script src="https://code.jquery.com/jquery-3.5.1.min.js" type="text/javascript"></script>
      <script type="text/javascript">
        (function ($) {
          'use strict';
       
          $(function () {
        var instance = new Date();
       
        var month =["Jan","Fev","Mar", "Abr","Mai","Jun", "Jul","Ago","Set", "Out","Nov","Dez"];
       
        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(" ");
       
        document.getElementById('datapromo').value = date;
       
       
              $('#form-content').on('submit', function (event) {
       
                var data = {
                  npromotor: $('#npromotor').val(),
                cpromotor: $('#cpromotor').val(),
                  cargoantigo: $('#cargoantigo').val(),
                  cargoatual: $('#cargoatual').val(),
                  npromovido: $('#npromovido').val(),
                  tag: $('#tag').val(),
                  datapromo: $('#datapromo').val(),
                  motivos: $('#motivos').val(),
                  permissao: '',
                  termos: ' x ',
                };
       
                if ($('#permissao').val() === '') {
                  data.permissao = 'N/A.';
                } else {
                  data.permissao = $('#permissao').val();
                }
               
                event.preventDefault();
                setTimeout(function () {
                      $.post('/post', {
                          t: 3,
                          message: [
                  '[center][b][color=#ff0000]Modelo I - Promoção[/color][/b][/center]',
                  '',
                          '[b]Seu posto e nickname:[/b] ' + data.cpromotor + ' ' + data.npromotor,
                          '[b]Promoção:[/b] ' + data.cargoantigo + ' a ' + data.cargoatual,
                          '',
                          '[b]' + data.npromovido + ' [' + data.tag + '] ' + data.datapromo + '[/b]',
                          '',
                          '[b]Motivos para a promoção:[/b] ' + data.motivos,
                          '[b]Permissão:[/b] ' + data.permissao,
                          '',
                          '(' + data.termos + ') Li e concordo com as normas de promoção.',
                          ].join('\n'),
                          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 = '/forum';
                      }).fail(function () {
                          alert('Houve um erro! Tente novamente!');
                      });
                }, 600);
              });
          });
        }(jQuery));
      </script>
  </body>
</html>


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6059
Pontos ativos : 7197

Atendido / Resolvido Re: Formulário HTML não posta mensagem

Mensagem por -Xerox- 25.06.20 15:27

Olá, Pedxz!

Ainda não foi, é para postar a mensagem escrito o que deve conter nos campos lá.
-Xerox-

-Xerox-
Nível 10

Masculino
Inscrito dia : 08/11/2019
Mensagens : 270
Pontos ativos : 405

https://portalcrnblet.forumeiros.com/

Atendido / Resolvido Re: Formulário HTML não posta mensagem

Mensagem por pedxz 25.06.20 15:32

Veja se seguinte opção "Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas" está marcada como "Não", entre no Painel de controle > Geral > Fórum > Segurança!


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Admineiro
pedxz

pedxz
Admineiro
Admineiro

Inscrito dia : 13/01/2017
Mensagens : 6059
Pontos ativos : 7197

Atendido / Resolvido Re: Formulário HTML não posta mensagem

Mensagem por -Xerox- 26.06.20 16:12

Olá, Pedxz!

funcionou, vlw
-Xerox-

-Xerox-
Nível 10

Masculino
Inscrito dia : 08/11/2019
Mensagens : 270
Pontos ativos : 405

https://portalcrnblet.forumeiros.com/

Atendido / Resolvido Re: Formulário HTML não posta mensagem

Mensagem por Chanp 26.06.20 16:13

Tópico resolvido


Movido para "Questões resolvidas".
Chanp

Chanp
Membro do Fórum

Masculino
Inscrito dia : 04/01/2018
Mensagens : 1072
Pontos ativos : 1191

https://2forum2.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum