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

Formulário em HTML

2 participantes

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

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

Tópico resolvido Formulário em HTML

Mensagem por luquinhasda10 08.07.20 23:59

Detalhes da questão


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

Descrição


Bom, eu tenho um formulário em html, porém quando clica para enviar o formulário não envia o post dentro do tópico, e nem redireciona.
luquinhasda10

luquinhasda10
***

Membro desde : 04/07/2020
Mensagens : 167
Pontos : 236

https://ajuda.forumeiros.com/register?step=2&agreement=1&

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Formulário em HTML

Mensagem por tikky 09.07.20 0:32

Olá @luquinhasda10,

O senhor pode passar o código do formulário, por favor!


Aguardo uma resposta sua,
pedxz.
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7983
Pontos : 9247

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário em HTML

Mensagem por luquinhasda10 09.07.20 0:53

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>
luquinhasda10

luquinhasda10
***

Membro desde : 04/07/2020
Mensagens : 167
Pontos : 236

https://ajuda.forumeiros.com/register?step=2&agreement=1&

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Formulário em HTML

Mensagem por tikky 09.07.20 1:00

O formulário atualmente responde ao tópico 3 é o tópico pretendido?! Pelo que vejo no seu fórum ele não existe  Envergonhado

Veja também se a 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!
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7983
Pontos : 9247

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário em HTML

Mensagem por luquinhasda10 09.07.20 1:06

Não entendi Aff
luquinhasda10

luquinhasda10
***

Membro desde : 04/07/2020
Mensagens : 167
Pontos : 236

https://ajuda.forumeiros.com/register?step=2&agreement=1&

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Formulário em HTML

Mensagem por tikky 09.07.20 1:08

luquinhasda10 escreveu:Não entendi Aff
Não entendeu o quê? Relativamente ao tópico? O seu formulário posta uma mensagem em um determinado tópico na configuração atual é o tópico com o ID 3 ( /t3- )
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7983
Pontos : 9247

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário em HTML

Mensagem por luquinhasda10 09.07.20 1:23

Coloquei no tópico correto, e continuou a mesma coisa. Aff, não exatamente a mesma coisa porem agora está redirecionando para o tópico correto, única coisa de errada é que não está efetuando a postagem no determinado tópico.
luquinhasda10

luquinhasda10
***

Membro desde : 04/07/2020
Mensagens : 167
Pontos : 236

https://ajuda.forumeiros.com/register?step=2&agreement=1&

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Formulário em HTML

Mensagem por tikky 09.07.20 9:05

pedxz escreveu:Veja também se a 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!


Para trocar o ID do tópico basta localizar t: 3, e mudar o número 3. O código é funcional, "testado e comprovado" Sorrir
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7983
Pontos : 9247

Ir para o topo Ir para baixo

Tópico resolvido Re: Formulário em HTML

Mensagem por luquinhasda10 09.07.20 18:29

Resolvido, obrigado.
luquinhasda10

luquinhasda10
***

Membro desde : 04/07/2020
Mensagens : 167
Pontos : 236

https://ajuda.forumeiros.com/register?step=2&agreement=1&

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Formulário em HTML

Mensagem por tikky 09.07.20 18:29

Tópico resolvido


Movido para "Questões resolvidas".
tikky

tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7983
Pontos : 9247

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte 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 HTML e BBCode

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