Problema com formulário

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

Atendido / Resolvido Problema com formulário

Mensagem por Duuuck em 03.11.17 21:45

Detalhes da questão


Endereço do fórum: http://lostscavengesamp.forumeiros.com/
Versão do fórum: PunBB

Descrição


Então, estou problema com formulário, tudo vai para o Forum "Whitelist", mesmo criando em "Invasão de bases"
http://prntscr.com/h5xjxi
http://prntscr.com/h5xk4l

Todos os h1,h2,h3 estão certos, mas fica criando em whitelist...
Duuuck

Duuuck
Nível 5

Masculino
Inscrito dia : 29/01/2017
Mensagens : 50
Pontos Ativos : 76

Ver perfil do usuário http://survivorsz.forumeiros.com

Atendido / Resolvido Re: Problema com formulário

Mensagem por iScroll em 03.11.17 22:43

OLá usuário, por favor, poste o formulário em questão aqui.
iScroll

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1698
Pontos Ativos : 2304

Ver perfil do usuário http://ultimatelife.forumeiros.com

Atendido / Resolvido Re: Problema com formulário

Mensagem por Duuuck em 04.11.17 0:28

Código:
<style>
    #conteudo{
                background-color: #fff;
                width: 80%;
                display:block;
                margin: auto;
            }
            h2{
                color: red;
                font-family: arial;
                font-size: 1.5em !important;
                margin-bottom: 10px;
                font-weight: bold;
            }
            h3{display: none;}
            p{
                color: #333;
                line-height: 21px;
            }
    #generated_form input[type="text"] {
        padding: 10px;
        margin: 0 0 20px 0;
        min-width: 67.5%;
    border: 1px solid #ddd;
    }
    #generated_form dt {
        font: 12px Verdana,Arial,Helvetica,sans-serif;
        font-weight: bold;
        margin: 0 0 3px 0;
    }
    textarea{border: 1px solid #ddd; width: 70%; height: 120px;}
  input[type="submit"]{
    background: #09f;
    border: none;
    padding: 10px 20px;
    margin-top: 10px;
  }
  input[type="submit"]:hover{opacity: 0.8; color: #fff; border: none;}
</style> <script>
    $(function () {
        $('[name="post"]').click(function () {
            var nick = $('#field0').val();
            var descobriu = $('#field1').val();
            var motivo = $('#field2').val();
            $('input[name="subject"]').val('[ Revisão ] ' + nick + ' ');
            $('textarea#message').val('[b]Meu nick:[/b] ' + nick + '\n[b]Admin:[/b] ' + descobriu + '\n[b]Motivo:[/b] ' + motivo);
        });
    });
</script>   
<div id="conteudo">
               <br />                                                 
   <p>
                   
   </p><br /><br />           
   <form onsubmit="submit_form();" action="/post" id="generated_form" method="post" enctype="multipart/form-data">
                                  <input type="hidden" name="form_mode" value="0" />    <dl>        <dt>Você usou hack?? <span style="font-weight: normal;">Sim <input type="radio" id="sim" name="leuTermos" /> Não</span> <input type="radio" id="nao" name="leuTermos" /></dt>        <dt>Está ciente se você usou hack, terá somente 1% de chance para ser desbanido? <span style="font-weight: normal;">Sim <input type="radio" id="sim" name="leuTermos3" /> Não</span> <input type="radio" id="nao" name="leuTermos3" /></dt>        <dt>Você tem print do banimento? <span style="font-weight: normal;">Sim <input type="radio" id="sim" name="leuTermos2" /> Não</span> <input type="radio" id="nao" name="leuTermos2" /></dt>    </dl><br />    <dl>        <dt>Seu Nick:</dt>        <dd><input type="text" placeholder="Seu nick in-game." id="field0" maxlength="40" required="" /></dd>    </dl>    <dl>        <dt>Admin:</dt>        <dd><input type="text" placeholder="Exemplo: Admin: Relaxed " id="field1" minlength="5" maxlength="50" required="" /></dd>    </dl>    <dl>        <dt>Motivo:</dt>        <dd><textarea id="field2" minlength="3" maxlength="450" placeholder="Cheater." style="padding: 5px;" required=""></textarea></dd>    </dl>    <input type="hidden" name="f" value="3" />    <input type="hidden" name="subject" />    <textarea name="message" id="message" style="display:none;"></textarea>    <input type="hidden" name="mode" value="newtopic" />    <input type="hidden" name="lt" value="0" />    <input type="submit" name="post" class="button2" onclick="valida();" value="Enviar" />           
   </form>
                            
</div>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
Duuuck

Duuuck
Nível 5

Masculino
Inscrito dia : 29/01/2017
Mensagens : 50
Pontos Ativos : 76

Ver perfil do usuário http://survivorsz.forumeiros.com

Atendido / Resolvido Re: Problema com formulário

Mensagem por Luiz em 04.11.17 0:35

Olá,

O código do seu formulário está meio defasado.
Recomendo que o senhor leia este tutorial e crie um novo formulário para seu fórum.

o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6625
Pontos Ativos : 7518

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Problema com formulário

Mensagem por Duuuck em 04.11.17 3:06

Eu segui o tutorial certinho, mas quando vai criar, cria normal sem formulário..

Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('a[href^="/post?f={{4}}&mode=newtopic"]')
      .attr('href', '/h{{1}}-')
    ;
  });
}(jQuery));

Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Formulário Revisão</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;
    }

    #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 h4 {
      font-size: 23px;
      color: #3072ab;
    }
   
    .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-generated-form h1 {
      font-size: 35px;
      display: block;
      text-align: center;
      margin: 15px 0px;
      color: #ffffff;
      text-transform: uppercase;
      background-color: #3072ab;
      margin-top: 0px;
      font-weight: normal;
    }

    .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">
      <h1>Formulário Revisão</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <label for="campo3">Meu Nick:</label>
  <input type="text" data-type="text" id="campo3" placeholder="Coloque seu nickname." required="">


</div>
<div class="fa-form-group clearfix">
  <label for="campo4">Nick Admin:</label>
  <input type="text" data-type="text" id="campo4" placeholder="Coloque o nick do administrador" required="required">


</div>
<div class="fa-form-group clearfix">
  <label for="campo5">Motivo:</label>
  <input type="text" data-type="text" id="campo5" placeholder="Digite o motivo do banimento." required="required">

</div>
<div class="fa-form-group clearfix">
  <label for="campo6">Explicação:</label>
  <input type="text" data-type="text" id="campo6" placeholder="Digite uma explicação do que aconteceu." required="">
</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">Meu Nick:   {{campo3}}
Nick Admin:   {{campo4}}
Motivo:   {{campo5}}
Explicação:   {{campo6}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[Revisão] Nick" />

  <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: 4,
                  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 = '/f4-';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>
Duuuck

Duuuck
Nível 5

Masculino
Inscrito dia : 29/01/2017
Mensagens : 50
Pontos Ativos : 76

Ver perfil do usuário http://survivorsz.forumeiros.com

Atendido / Resolvido Re: Problema com formulário

Mensagem por Luiz em 04.11.17 13:10

Troque o código JavaScript (o primeiro que você mandou) por este:
Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('a[href^="/post?f=4&mode=newtopic"]')
      .attr('href', '/h1-')
    ;
  });
}(jQuery));

Certifique-se também de que em:
Painel de Controle -> Geral -> Segurança.

A opção "Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas" esteja marcada como "não".

o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6625
Pontos Ativos : 7518

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Problema com formulário

Mensagem por Duuuck em 04.11.17 17:45

Continua mesma coisa, não aparece o formulário. '-'

http://prntscr.com/h67nla
http://prntscr.com/h67nqj
Duuuck

Duuuck
Nível 5

Masculino
Inscrito dia : 29/01/2017
Mensagens : 50
Pontos Ativos : 76

Ver perfil do usuário http://survivorsz.forumeiros.com

Atendido / Resolvido Re: Problema com formulário

Mensagem por Luiz em 04.11.17 21:45

Olá novamente,

Poderia explicar melhor o que está acontecendo?

o/
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6625
Pontos Ativos : 7518

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Problema com formulário

Mensagem por Duuuck em 05.11.17 0:54

Sim, estou querendo colocar o formulário aqui:
http://lostscavengesamp.forumeiros.com/f3-whitelist
Estou fazendo tudo certo ( creio eu ), mas o formulário não aparece quando clico em "Criar novo tópico", fica normal, sem nada para preencher.
HTML
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Whitelist</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;
    }

    #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 h4 {
      font-size: 23px;
      color: #3072ab;
    }
   
    .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-generated-form h1 {
      font-size: 35px;
      display: block;
      text-align: center;
      margin: 15px 0px;
      color: #ffffff;
      text-transform: uppercase;
      background-color: #3072ab;
      margin-top: 0px;
      font-weight: normal;
    }

    .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">
      <h1>Whitelist</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Fique ciente, quando você for aceito na whitelist, você terá que respeitar todas as regras do servidor.</p>
</div><div class="fa-form-group clearfix">
  <label for="campo2">Seu nick:</label>
  <input type="text" data-type="text" id="campo2" placeholder="Digite seu nick in-game." required="">
</div><div class="fa-form-group clearfix">
  <label for="campo3">Como descobri o servidor:</label>
  <input type="text" data-type="text" id="campo3" placeholder="..." required="">
</div><div class="fa-form-group clearfix">
  <label for="campo4">Eu quero jogar porque:</label>
  <input type="text" data-type="text" id="campo4" placeholder="..." required="">
</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">Meu Nick:   {{campo2}}
Como descobri o servidor:   {{campo3}}
Eu quero jogar porque:   {{campo4}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[Whitelist] Nick" />

  <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: 3,
                  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 = '/f3-';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>

Java
Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('a[href^="/post?f=3&mode=newtopic"]')
      .attr('href', '/h1-')
    ;
  });
}(jQuery));
Duuuck

Duuuck
Nível 5

Masculino
Inscrito dia : 29/01/2017
Mensagens : 50
Pontos Ativos : 76

Ver perfil do usuário http://survivorsz.forumeiros.com

Atendido / Resolvido Re: Problema com formulário

Mensagem por Luiz em 05.11.17 1:44

Em:
Painel de Controle -> Módulos -> Gestão das Páginas HTML e JavaScript -> Gestão das Páginas JavaScript.

1) Habilite o gerenciamento das páginas JavaScript.
2) Crie uma nova página JavaScript com o código:
Código:
(function ($) {
  'use strict';
 
  $(function () {
    $('a[href^="/post?f=3&mode=newtopic"]')
      .attr('href', '/h1-')
    ;
  });
}(jQuery));

Fui no seu fórum, e não consegui ver o JavaScript ativo.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6625
Pontos Ativos : 7518

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Problema com formulário

Mensagem por Duuuck em 05.11.17 2:45

Bom, deu certo, mas tem como o player editar o nome do titulo? ( Quando for responder o formulário )

Pois criou como [Whitelist] Nick
Duuuck

Duuuck
Nível 5

Masculino
Inscrito dia : 29/01/2017
Mensagens : 50
Pontos Ativos : 76

Ver perfil do usuário http://survivorsz.forumeiros.com

Atendido / Resolvido Re: Problema com formulário

Mensagem por Luiz em 05.11.17 14:20

Olá novamente,

Troque o código HTML de seu formulário por:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Whitelist</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;
    }

    #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 h4 {
      font-size: 23px;
      color: #3072ab;
    }
   
    .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-generated-form h1 {
      font-size: 35px;
      display: block;
      text-align: center;
      margin: 15px 0px;
      color: #ffffff;
      text-transform: uppercase;
      background-color: #3072ab;
      margin-top: 0px;
      font-weight: normal;
    }

    .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">
      <h1>Whitelist</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <p class="form-paragraph data-text">Fique ciente, quando você for aceito na whitelist, você terá que respeitar todas as regras do servidor.</p>
</div><div class="fa-form-group clearfix">
  <label for="campo2">Seu nick:</label>
  <input type="text" data-type="text" id="campo2" placeholder="Digite seu nick in-game." required="">
</div><div class="fa-form-group clearfix">
  <label for="campo3">Como descobri o servidor:</label>
  <input type="text" data-type="text" id="campo3" placeholder="..." required="">
</div><div class="fa-form-group clearfix">
  <label for="campo4">Eu quero jogar porque:</label>
  <input type="text" data-type="text" id="campo4" placeholder="..." required="">
</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">Meu Nick:  {{campo2}}
Como descobri o servidor:  {{campo3}}
Eu quero jogar porque:  {{campo4}}</textarea>
  <input type="hidden" id="fa-generated-title" value="[Whitelist] {{campo2}}" />

  <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: 3,
                  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 = '/f3-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>

Espero ter ajudado.

Atenciosamente,
Luiz.
Luiz

Luiz
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6625
Pontos Ativos : 7518

Ver perfil do usuário https://luizfelipe.dev

Atendido / Resolvido Re: Problema com formulário

Mensagem por Duuuck em 05.11.17 15:48

Poderia me falar o que você fez? Tenho que criar outras, para outros tópicos.
Se possível, obrigado. Feliz
Duuuck

Duuuck
Nível 5

Masculino
Inscrito dia : 29/01/2017
Mensagens : 50
Pontos Ativos : 76

Ver perfil do usuário http://survivorsz.forumeiros.com

Atendido / Resolvido Re: Problema com formulário

Mensagem por Luiz em 05.11.17 16:35

Eu alterei aqui:
Código:
<input type="hidden" id="fa-generated-title" value="[Whitelist] {{campo2}}" />
Mas tudo pode ser feito pelo próprio gerador! Piscada

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
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 23/04/2016
Mensagens : 6625
Pontos Ativos : 7518

Ver perfil do usuário https://luizfelipe.dev

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