Dúvida sobre formulários! Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Dúvida sobre formulários!

2 participantes

Ir para baixo

Tópico resolvido Dúvida sobre formulários!

Mensagem por Kenno LP 30.06.17 15:49

Detalhes da questão


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

Descrição


Olá!
Eu sou o Kenno, ACP do fórum Scavenge and Survive ~ Story (o antigo nome era Scavenge and Survive ~ WarZ).

Os ajudeiros Luiz e Harleen, e o admineiro Shek me ajudaram na questão sobre formulários que eu tinha pendente à uns dias atrás ( ajuda.forumeiros.com/t109243-formularios-e-nomes-personalizados-dos-topicos ).

Porém quando eu mudei o nome do fórum, aconteceram uns problemas.

Quando eu vou no http://survivestory.forumeiros.com/f7-whitelist ( http://prntscr.com/fq1qn4 ) e clico em Novo Tópico aparece o formulário para completar normalmente.

Mas quando envio o formulário, ele fica assim: http://prntscr.com/fq1r5h

Espero que me possam ajudar ao formulário voltar ao normal!
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre formulários!

Mensagem por Luiz 30.06.17 17:31

Troque o código de seu formulário por:
Código:

<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz~
 */
<- -->
<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"/>
  <title>Testando formulário</title>

  <style type="text/css">
    *, *::before,  *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
    }

    html, body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }
h2 {
    color: red;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}
    #fa-generated-form {
      width: 60%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h2 {
      font-size: 11px;
      color: #000000;
      font-family: arial;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
      border-left: solid 3px #ddd;
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
    }

    .fa-submit button {
      padding: 10px 20px;
      background-color: #3072ab;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
      background-color: #2a6192;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h2>LEIA ANTES DE PREENCHER O FORMULÁRIO! </h2>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h2 class="form-subtitle data-text">
    - Antes de enviar o formulário registre sua conta no servidor caso contrário é impossível aceita-lo. <br/>
    - REMOVA todos os hacks e mods do seu GTA, se for banido por uso de programas ilegais não será desbanido.<br/>
    - Se você foi banido não crie outra conta, isso só piora sua situação. Faça um tópico em revisão de banidos e peça uma segunda chance. <br/>
    - Se você for fake não adianta pedir whitelist, nós iremos saber. <br/>
    - NÃO É PERMITIDO nicks com caracteres especiais e nicks ofensivos/inválidos! <br/>
    - Assim que criar o tópico fique de olho no mesmo, a qualquer momento poderá ser aceito na whitelist e o admin avisará! <br/>
    - Crie apenas um tópico e aguarde algum membro da staff aceita-lo.<br/>
    - Geralmente os pedidos de whitelist são aceitos em 1hr, se tiver admin online será aceito dentro de 10 minutos.</h2>


</div><div class="fa-form-group clearfix">
      <label for="campo6"><strong>Você leu os termos acima?</strong></label>
  <select data-type="select" id="campo6" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>




</div><div class="fa-form-group clearfix">
      <label for="campo7"><strong>Está ciente de que se usar hacker será banido permanente?</strong></label>
  <select data-type="select" id="campo7" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>




</div><div class="fa-form-group clearfix">
      <label for="campo8"><strong>Você registrou sua conta no servidor?</strong></label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>



</div><div class="fa-form-group clearfix">
  <label for="campo3">Seu Nick</label>
      <input data-type="text" id="campo3" placeholder="Seu nick in-game já cadastrado" required="" type="text"/>




</div><div class="fa-form-group clearfix">
  <label for="campo4">Como descobriu o servidor</label>
  <input data-type="text" id="campo4" placeholder="Exemplo, pelo Youtube" required="" type="text"/>




</div><div class="fa-form-group clearfix">
  <label for="campo5">Por que você quer jogar no servidor?</label>
  <textarea data-type="textarea" id="campo5" placeholder="Nos conte sobre você, porque quer jogar no servidor? Leu as regras do servidor? É um jogador limpo sem usar hacker?" required=""></textarea>




</div>
      <!-- END Generated HTML Code -->
    </div>
    <div class="fa-submit">
      <button class="post-button" type="submit">Enviar Formulário</button>
    </div>
  </form>



  <!-- Javascript's -->
  <!-- Não é recomendada a edição abaixo desta linha. -->

  <textarea style="display: none;" id="fa-generated-message">[b]Você leu os termos acima?[/b]    {{campo6}}

[b]Está ciente de que se usar hacker será banido permanente?[/b]    {{campo7}}

[b]Você registrou sua conta no servidor?[/b]    {{campo8}}

Seu Nick    {{campo3}}

Como descobriu o servidor    {{campo4}}

Por que você quer jogar no servidor?    {{campo5}}</textarea>
  <input type="hidden" id="fa-generated-title" value="teste de formulário" />

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js" type="text/javascript"></script>
  <script type="text/javascript">
    (function ($) {
      'use strict';

      $(window).on('load', function () {
          $('#fa-generated-form').on('submit', function (event) {
        event.preventDefault();
        $(this).find('button[type="submit"]').text('Postando...');
        setTimeout(function () {
              $.post('/post', {
                  subject: $('#fa-generated-title').val().trim(),
                  f: 7,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
                  location.pathname = '/f7-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>

Desculpe o problema, foi um erro meu, mas creio que ele já esteja funcional.

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre formulários!

Mensagem por Kenno LP 30.06.17 18:00

Agora o formulário, quando enviamos, fica na mesma página, e não cria um tópico, e, desculpe dizer, ficou muito feio.. Eu gostava do antigo formulário, que ficou muito legal!
Ficou assim: http://prntscr.com/fq3auh

Me ajude por favor, a voltar ao antigo sem bugs.
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre formulários!

Mensagem por Luiz 30.06.17 18:03

Bom, eu peguei o código do formulário /h1-.
Poderia me passar o código do formulários que deu problema?

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre formulários!

Mensagem por Kenno LP 30.06.17 18:07

O formulário onde ocorre o problema é o h1 (o meu único formulário).
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre formulários!

Mensagem por Luiz 30.06.17 18:12

Preciso do código dele, por favor. Feliz
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre formulários!

Mensagem por Kenno LP 30.06.17 18:44

Não consigo lhe passar o código, porque quando eu vou para copiar o código, não tem nenhum código, aparece uma pré-visualização de como fica o formulário!

http://prntscr.com/fq3vqv
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre formulários!

Mensagem por Luiz 30.06.17 18:53

Claro que está dando errado. Mostrando a lingua
O senhor modificou no modo simples, o que invalidou todo o formulário.

Edite o formulário clicando neste botão (clique), e coloque o código:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz~
 */
<- -->
<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"/>
  <title>Testando formulário</title>

  <style type="text/css">
    *, *::before,  *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
    }

    html, body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }
h2 {
    color: red;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}
    #fa-generated-form {
      width: 60%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h2 {
      font-size: 11px;
      color: #000000;
      font-family: arial;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
      border-left: solid 3px #ddd;
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
    }

    .fa-submit button {
      padding: 10px 20px;
      background-color: #3072ab;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
      background-color: #2a6192;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h2>LEIA ANTES DE PREENCHER O FORMULÁRIO! </h2>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h2 class="form-subtitle data-text">
    - Antes de enviar o formulário registre sua conta no servidor caso contrário é impossível aceita-lo. <br/>
    - REMOVA todos os hacks e mods do seu GTA, se for banido por uso de programas ilegais não será desbanido.<br/>
    - Se você foi banido não crie outra conta, isso só piora sua situação. Faça um tópico em revisão de banidos e peça uma segunda chance. <br/>
    - Se você for fake não adianta pedir whitelist, nós iremos saber. <br/>
    - NÃO É PERMITIDO nicks com caracteres especiais e nicks ofensivos/inválidos! <br/>
    - Assim que criar o tópico fique de olho no mesmo, a qualquer momento poderá ser aceito na whitelist e o admin avisará! <br/>
    - Crie apenas um tópico e aguarde algum membro da staff aceita-lo.<br/>
    - Geralmente os pedidos de whitelist são aceitos em 1hr, se tiver admin online será aceito dentro de 10 minutos.</h2>


</div><div class="fa-form-group clearfix">
      <label for="campo6"><strong>Você leu os termos acima?</strong></label>
  <select data-type="select" id="campo6" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>




</div><div class="fa-form-group clearfix">
      <label for="campo7"><strong>Está ciente de que se usar hacker será banido permanente?</strong></label>
  <select data-type="select" id="campo7" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>




</div><div class="fa-form-group clearfix">
      <label for="campo8"><strong>Você registrou sua conta no servidor?</strong></label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>



</div><div class="fa-form-group clearfix">
  <label for="campo3">Seu Nick</label>
      <input data-type="text" id="campo3" placeholder="Seu nick in-game já cadastrado" required="" type="text"/>




</div><div class="fa-form-group clearfix">
  <label for="campo4">Como descobriu o servidor</label>
  <input data-type="text" id="campo4" placeholder="Exemplo, pelo Youtube" required="" type="text"/>




</div><div class="fa-form-group clearfix">
  <label for="campo5">Por que você quer jogar no servidor?</label>
  <textarea data-type="textarea" id="campo5" placeholder="Nos conte sobre você, porque quer jogar no servidor? Leu as regras do servidor? É um jogador limpo sem usar hacker?" required=""></textarea>




</div>
      <!-- END Generated HTML Code -->
    </div>
    <div class="fa-submit">
      <button class="post-button" type="submit">Enviar Formulário</button>
    </div>
  </form>



  <!-- Javascript's -->
  <!-- Não é recomendada a edição abaixo desta linha. -->

  <textarea style="display: none;" id="fa-generated-message">[b]Você leu os termos acima?[/b]    {{campo6}}

[b]Está ciente de que se usar hacker será banido permanente?[/b]    {{campo7}}

[b]Você registrou sua conta no servidor?[/b]    {{campo8}}

Seu Nick    {{campo3}}

Como descobriu o servidor    {{campo4}}

Por que você quer jogar no servidor?    {{campo5}}</textarea>
  <input type="hidden" id="fa-generated-title" value="teste de formulário" />

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js" type="text/javascript"></script>
  <script type="text/javascript">
    (function ($) {
      'use strict';

      $(window).on('load', function () {
          $('#fa-generated-form').on('submit', function (event) {
        event.preventDefault();
        $(this).find('button[type="submit"]').text('Postando...');
        setTimeout(function () {
              $.post('/post', {
                  subject: $('#fa-generated-title').val().trim(),
                  f: 7,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
                  location.pathname = '/f7-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre formulários!

Mensagem por Kenno LP 30.06.17 19:07

Funcionou sim! Mas, no mesmo dia em que eu postei este tópico: ( https://ajuda.forumeiros.com/t109243-formularios-e-nomes-personalizados-dos-topicos?nid=1 ) eu fiz este:

https://ajuda.forumeiros.com/t109247-nomes-personalizados-nos-topicos

E você mesmo, ajudeiro Luiz, me passou um código, e funcionou.

Como agora eu atualizei o código do formulário devido a este bug, o código que você me passou no tópico ( https://ajuda.forumeiros.com/t109247-nomes-personalizados-nos-topicos ) também é diferente? Ou é igual?
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre formulários!

Mensagem por Luiz 30.06.17 19:16

O código que lhe passei na mensagem acima.
Você testou isso? Louco

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre formulários!

Mensagem por Kenno LP 30.06.17 19:25

Sim, testei e funcionou! Mas eu fiz outra pergunta, relacionada com o formulário. Pode me responder a essa pergunta?
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre formulários!

Mensagem por Luiz 30.06.17 19:29

Troque o código por este:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz~
 */
<- -->
<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"/>
  <title>Testando formulário</title>

  <style type="text/css">
    *, *::before,  *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
    }

    html, body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }
h2 {
    color: red;
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.5em;
    font-weight: bold;
    margin-bottom: 10px;
}
    #fa-generated-form {
      width: 60%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h2 {
      font-size: 11px;
      color: #000000;
      font-family: arial;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
      border-left: solid 3px #ddd;
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
    }

    .fa-submit button {
      padding: 10px 20px;
      background-color: #3072ab;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
      background-color: #2a6192;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h2>LEIA ANTES DE PREENCHER O FORMULÁRIO! </h2>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <h2 class="form-subtitle data-text">
    - Antes de enviar o formulário registre sua conta no servidor caso contrário é impossível aceita-lo. <br/>
    - REMOVA todos os hacks e mods do seu GTA, se for banido por uso de programas ilegais não será desbanido.<br/>
    - Se você foi banido não crie outra conta, isso só piora sua situação. Faça um tópico em revisão de banidos e peça uma segunda chance. <br/>
    - Se você for fake não adianta pedir whitelist, nós iremos saber. <br/>
    - NÃO É PERMITIDO nicks com caracteres especiais e nicks ofensivos/inválidos! <br/>
    - Assim que criar o tópico fique de olho no mesmo, a qualquer momento poderá ser aceito na whitelist e o admin avisará! <br/>
    - Crie apenas um tópico e aguarde algum membro da staff aceita-lo.<br/>
    - Geralmente os pedidos de whitelist são aceitos em 1hr, se tiver admin online será aceito dentro de 10 minutos.</h2>


</div><div class="fa-form-group clearfix">
      <label for="campo6"><strong>Você leu os termos acima?</strong></label>
  <select data-type="select" id="campo6" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>




</div><div class="fa-form-group clearfix">
      <label for="campo7"><strong>Está ciente de que se usar hacker será banido permanente?</strong></label>
  <select data-type="select" id="campo7" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>




</div><div class="fa-form-group clearfix">
      <label for="campo8"><strong>Você registrou sua conta no servidor?</strong></label>
  <select data-type="select" id="campo8" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
</select>



</div><div class="fa-form-group clearfix">
  <label for="campo3">Seu Nick</label>
      <input data-type="text" id="campo3" placeholder="Seu nick in-game já cadastrado" required="" type="text"/>




</div><div class="fa-form-group clearfix">
  <label for="campo4">Como descobriu o servidor</label>
  <input data-type="text" id="campo4" placeholder="Exemplo, pelo Youtube" required="" type="text"/>




</div><div class="fa-form-group clearfix">
  <label for="campo5">Por que você quer jogar no servidor?</label>
  <textarea data-type="textarea" id="campo5" placeholder="Nos conte sobre você, porque quer jogar no servidor? Leu as regras do servidor? É um jogador limpo sem usar hacker?" required=""></textarea>




</div>
      <!-- END Generated HTML Code -->
    </div>
    <div class="fa-submit">
      <button class="post-button" type="submit">Enviar Formulário</button>
    </div>
  </form>



  <!-- Javascript's -->
  <!-- Não é recomendada a edição abaixo desta linha. -->

  <textarea style="display: none;" id="fa-generated-message">[b]Você leu os termos acima?[/b]: {{campo6}}

[b]Está ciente de que se usar hacker será banido permanente?[/b]: {{campo7}}

[b]Você registrou sua conta no servidor?[/b]: {{campo8}}

Seu Nick: {{campo3}}

Como descobriu o servidor: {{campo4}}

Por que você quer jogar no servidor? {{campo5}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[Whitelist] {{campo3}}" />

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js" type="text/javascript"></script>
  <script type="text/javascript">
    (function ($) {
      'use strict';

      $(window).on('load', function () {
          $('#fa-generated-form').on('submit', function (event) {
        event.preventDefault();
        $(this).find('button[type="submit"]').text('Postando...');
        setTimeout(function () {
              $.post('/post', {
                  subject: $('#fa-generated-title').val().trim(),
                  f: 7,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...');
                  location.pathname = '/f7-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre formulários!

Mensagem por Kenno LP 30.06.17 19:41

Funcionou, obrigado senhor ajudeiro!
Kenno LP
Kenno LP
**

Membro desde : 20/06/2017
Mensagens : 99
Pontos : 137

http://survivewarz.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Dúvida sobre formulários!

Mensagem por Luiz 30.06.17 19:50

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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