Formulário não envia os dados

[Nigrin]

Detalhes da questão

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

Descrição

Olá,

Criei um formulário 2.0, mas quando respondo e envio o mesmo não mostra as respostas:
http://prntscr.com/jbecaw

Poderiam me ajudar? Obrigado.

JS

Código:

(function ($) {
  'use strict';
 
  $(function () {
    $('a[href^="/post?t=13&mode=reply"]')
      .attr('href', '/h1-')
    ;
  });
}(jQuery));

HTML

Código:

<!--          ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!-          -->  <meta charset="UTF-8" />  <meta content="width=device-width, initial-scale=1.0" name="viewport" />  <meta content="ie=edge" http-equiv="X-UA-Compatible" />  <title>Vagas Ziperativo</title>  <link href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" rel="stylesheet" /> 
<form id="fa-generated-form">
                      
   <div class="fa-form-wrapper">
                           
      <h1>
                 Vagas Ziperativo       
      </h1>
                           
      <!--          BEGIN Generated HTML Code          -->             
      <div class="fa-form-group clearfix">
                   <label for="campo2">Nome</label>  <input required="" placeholder="" id="campo2" data-type="text" type="text" />       
      </div>
                   
      <div class="fa-form-group clearfix">
                   <label for="campo3">Idade</label>  <input required="" placeholder="" id="campo3" data-type="text" type="text" />       
      </div>
                   
      <div class="fa-form-group clearfix">
                   <label for="campo4">Cidade</label>  <input required="" placeholder="" id="campo4" data-type="text" type="text" />       
      </div>
                   
      <div class="fa-form-group clearfix">
                   <label for="campo5">Endereço de e-mail</label>  <input required="" placeholder="" id="campo5" data-type="text" type="text" />       
      </div>
                   
      <div class="fa-form-group clearfix">
                   <label for="campo13">Qual vaga você tem interesse?</label>  <select required="" id="campo13" data-type="select" multiple="">       
            <!--          First          --><option value="Jornalista">Jornalista</option><option value="Moderador">Moderador</option><option value="Designer">Designer</option><option value="Social Media">Social Media</option></select>       
      </div>
                   
      <div class="fa-form-group clearfix">
                   <label for="campo8">Já fez parte de algum outro site ou possui experiência com o cargo que tem interesse?</label>  <input required="required" placeholder="" id="campo8" data-type="text" type="text" />       
      </div>
                   
      <div class="fa-form-group clearfix">
                   <label for="campo9">Quais são as suas fontes de notícias?</label>  <input required="" placeholder="" id="campo9" data-type="text" type="text" />       
      </div>
                   
      <div class="fa-form-group clearfix">
                   <label for="campo10">Você sabe utilizar o TweetDeck?</label>  <input required="" placeholder="" id="campo10" data-type="text" type="text" />       
      </div>
                   
      <div class="fa-form-group clearfix">
                   <label for="campo11">Caso queira ser designer do ZIP, faça um banner para o nosso Twitter, hospede e coloque o link na resposta.</label>  <input required="" placeholder="" id="campo11" data-type="text" type="text" />       
      </div>
                   
      <div class="fa-form-group clearfix">
                   <label for="campo12">Qual o seu tempo disponível para se dedicar ao ZIPERATIVO? </label>  <select required="" id="campo12" data-type="select" multiple="">       
            <!--          First          --><option value="Geralmente, à qualquer horário do dia.">Geralmente, à qualquer horário do dia.</option><option value="Só no período da manhã.">Só no período da manhã.</option><option value="Só à tarde">Só à tarde</option><option value="De noite o hit é certo amore!">De noite o hit é certo amore!</option></select>       
      </div>
                   
      <div class="fa-form-group clearfix">
                   <label for="campo14">Possui algum conhecimento extra que possa ajudar nossa equipe?</label>  <input required="" placeholder="" id="campo14" data-type="text" type="text" />       
      </div>
                   
      <div class="fa-form-group clearfix">
                   <label for="campo15">Por que você gostaria de entrar para nossa equipe? Conte-nos um pouquinho sobre você! =]</label>  <input required="" placeholder="" id="campo15" data-type="text" type="text" />       
      </div>
                           
      <!--          END Generated HTML Code          -->           
   </div>
                      
   <div class="fa-submit">
                           
      <button type="submit" class="post-button">
                 Enviar Formulário       
      </button>
                         
   </div>
                    
</form>
         
<!--          Javascript's          --> 
<!--          Não é recomendada a edição abaixo desta linha.          -->  <textarea id="fa-generated-message" style="display: none;">Formulário de vagas do Ziperativo.</textarea>  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>  <script type="text/javascript" src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js"></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', {
                  t: 13,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'reply',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
               }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o tópico...');
            location.href = 'http://' + location.host + '/t13-?view=newest';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>

[Alex]

Olá.

Altere o código HTML pelo seguinte:

Código:

<!--          ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!-          -->  <meta charset="UTF-8" />  <meta content="width=device-width, initial-scale=1.0" name="viewport" />  <meta content="ie=edge" http-equiv="X-UA-Compatible" />  <title>Vagas Ziperativo</title>  <link href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" rel="stylesheet" />
<form id="fa-generated-form">
                     
  <div class="fa-form-wrapper">
                         
      <h1>
                Vagas Ziperativo     
      </h1>
                         
      <!--          BEGIN Generated HTML Code          -->           
      <div class="fa-form-group clearfix">
                  <label for="campo1">Nome</label>  <input required="" placeholder="" id="campo1" data-type="text" type="text" />     
      </div>
                 
      <div class="fa-form-group clearfix">
                  <label for="campo2">Idade</label>  <input required="" placeholder="" id="campo2" data-type="text" type="text" />     
      </div>
                 
      <div class="fa-form-group clearfix">
                  <label for="campo3">Cidade</label>  <input required="" placeholder="" id="campo3" data-type="text" type="text" />     
      </div>
                 
      <div class="fa-form-group clearfix">
                  <label for="campo4">Endereço de e-mail</label>  <input required="" placeholder="" id="campo4" data-type="text" type="text" />     
      </div>
                 
      <div class="fa-form-group clearfix">
                  <label for="campo5">Qual vaga você tem interesse?</label>  <select required="" id="campo5" data-type="select" multiple="">     
            <!--          First          --><option value="Jornalista">Jornalista</option><option value="Moderador">Moderador</option><option value="Designer">Designer</option><option value="Social Media">Social Media</option></select>     
      </div>
                 
      <div class="fa-form-group clearfix">
                  <label for="campo6">Já fez parte de algum outro site ou possui experiência com o cargo que tem interesse?</label>  <input required="required" placeholder="" id="campo6" data-type="text" type="text" />     
      </div>
                 
      <div class="fa-form-group clearfix">
                  <label for="campo7">Quais são as suas fontes de notícias?</label>  <input required="" placeholder="" id="campo7" data-type="text" type="text" />     
      </div>
                 
      <div class="fa-form-group clearfix">
                  <label for="campo8">Você sabe utilizar o TweetDeck?</label>  <input required="" placeholder="" id="campo8" data-type="text" type="text" />     
      </div>
                 
      <div class="fa-form-group clearfix">
                  <label for="campo9">Caso queira ser designer do ZIP, faça um banner para o nosso Twitter, hospede e coloque o link na resposta.</label>  <input required="" placeholder="" id="campo9" data-type="text" type="text" />     
      </div>
                 
      <div class="fa-form-group clearfix">
                  <label for="campo10">Qual o seu tempo disponível para se dedicar ao ZIPERATIVO? </label>  <select required="" id="campo10" data-type="select" multiple="">     
            <!--          First          --><option value="Geralmente, à qualquer horário do dia.">Geralmente, à qualquer horário do dia.</option><option value="Só no período da manhã.">Só no período da manhã.</option><option value="Só à tarde">Só à tarde</option><option value="De noite o hit é certo amore!">De noite o hit é certo amore!</option></select>     
      </div>
                 
      <div class="fa-form-group clearfix">
                  <label for="campo11">Possui algum conhecimento extra que possa ajudar nossa equipe?</label>  <input required="" placeholder="" id="campo11" data-type="text" type="text" />     
      </div>
                 
      <div class="fa-form-group clearfix">
                  <label for="campo12">Por que você gostaria de entrar para nossa equipe? Conte-nos um pouquinho sobre você! =]</label>  <input required="" placeholder="" id="campo12" data-type="text" type="text" />     
      </div>
                         
      <!--          END Generated HTML Code          -->         
  </div>
                     
  <div class="fa-submit">
                         
      <button type="submit" class="post-button">
                Enviar Formulário     
      </button>
                       
  </div>
                   
</form>
       
<!--          Javascript's          -->
<!--          Não é recomendada a edição abaixo desta linha.          -->  <textarea id="fa-generated-message" style="display: none;">[b]Nome:[/b] {{campo1}}
[b]Idade:[/b] {{campo2}}
[b]Cidade:[/b] {{campo3}}
[b]Endereço de e-mail:[/b] {{campo4}}
[b]Qual vaga você tem interesse?[/b] {{campo5}}
[b]Já fez parte de algum outro site ou possui experiência com o cargo que tem interesse?[/b] {{campo6}}
[b]Quais são as suas fontes de notícias?[/b] {{campo7}}
[b]Você sabe utilizar o TweetDeck?[/b] {{campo8}}
[b]Caso queira ser designer do ZIP, faça um banner para o nosso Twitter, hospede e coloque o link na resposta. Link:[/b] {{campo9}}
[b]Qual o seu tempo disponível para se dedicar ao ZIPERATIVO?[/b] {{campo10}}
[b]Possui algum conhecimento extra que possa ajudar nossa equipe?[/b] {{campo11}}
[b]Por que você gostaria de entrar para nossa equipe?[/b] {{campo12}}</textarea>  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>  <script type="text/javascript" src="https://forumeiros.github.io/assets/src/form-generator/form-replace.js"></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', {
                  t: 13,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'reply',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o tópico...');
            location.href = 'http://' + location.host + '/t13-?view=newest';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>

Você pode alterar o que deseja que apareça na resposta nesta parte do código:

Código:

<textarea id="fa-generated-message" style="display: none;">[b]Nome:[/b] {{campo1}}
[b]Idade:[/b] {{campo2}}
[b]Cidade:[/b] {{campo3}}
[b]Endereço de e-mail:[/b] {{campo4}}
[b]Qual vaga você tem interesse?[/b] {{campo5}}
[b]Já fez parte de algum outro site ou possui experiência com o cargo que tem interesse?[/b] {{campo6}}
[b]Quais são as suas fontes de notícias?[/b] {{campo7}}
[b]Você sabe utilizar o TweetDeck?[/b] {{campo8}}
[b]Caso queira ser designer do ZIP, faça um banner para o nosso Twitter, hospede e coloque o link na resposta. Link:[/b] {{campo9}}
[b]Qual o seu tempo disponível para se dedicar ao ZIPERATIVO?[/b] {{campo10}}
[b]Possui algum conhecimento extra que possa ajudar nossa equipe?[/b] {{campo11}}
[b]Por que você gostaria de entrar para nossa equipe?[/b] {{campo12}}</textarea>

Lembrando que tudo o que estiver dentro das tags <textarea></textarea> é como se estivesse respondendo a um tópico no SCEditor, ou seja, tem que usar formatação BBCode.

[Nigrin]

Editei o Html.

Entro no post https://ziperativo.forumeiros.com/t13-zip-faca-parte-da-equipe-do-ziperativo#72

Respondo o formulário, mas não aparece as respostas.

Para onde vão as respostas?

[Alex]

Olá.

Primeiro, troque o código por este (opcional. Fiz um novo formulário para você para ficar mais organizado):

Código:

<!DOCTYPE html>
<html>
<!-- ->
/**
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz Felipe F. <https://lffg.github.io/>
 *
 * Se você tiver erros ou dúvidas, vá em: <ajuda.forumeiros.com>
 */
<!- -->
<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>VAGAS ZIPERATIVO</title>

  <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" />
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>VAGAS ZIPERATIVO</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
  <label for="campo1">Nome</label>
  <input type="text" data-type="text" id="campo1" placeholder="Insira o seu nome de usuário" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo2">Idade</label>
  <input type="number" data-type="number" id="campo2" placeholder="Insira a sua idade atual" max="100" min="1" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo3">Cidade</label>
  <input type="text" data-type="text" id="campo3" placeholder="Insira a cidade onde vive atualmente" required="">

</div><div class="fa-form-group clearfix">
  <label for="campo4">E-mail</label>
  <input type="text" data-type="text" id="campo4" placeholder="Insira o seu endereço de e-mail atual" required="required">

</div><div class="fa-form-group clearfix">
  <label for="campo5">Qual vaga você tem interesse?</label>
  <select data-type="select" id="campo5" required="">
<!-- First -->
<option value="Jornalista">Jornalista</option>
<option value="Moderador">Moderador</option>
<option value="Designer">Designer</option>
<option value="Social Media">Social Media</option>
</select>
</div><div class="fa-form-group clearfix">
  <label for="campo6">Já fez parte de algum outro site ou possui experiência com o cargo que tem interesse?</label>
  <input type="text" data-type="text" id="campo6" placeholder="Insira as suas experências">
</div><div class="fa-form-group clearfix">
  <label for="campo8">Quais são as suas fontes de notícias?</label>
  <input type="text" data-type="text" id="campo8" placeholder="Insira as suas fontes que usa para fazer noticias" required="">
</div><div class="fa-form-group clearfix">
  <label for="campo9">Você sabe utilizar o TweetDeck?</label>
  <select data-type="select" id="campo9" required="">
<!-- First -->
<option value="Sim">Sim</option>
<option value="Não">Não</option>
<option value="Pouco">Pouco</option>
<option value="Já soube">Já soube</option>
</select>
</div><div class="fa-form-group clearfix">
  <label for="campo10">Caso queira ser designer do ZIP, faça um banner para o nosso Twitter, hospede e coloque o link na resposta</label>
  <input type="text" data-type="text" id="campo10" placeholder="Link da imagem">
</div><div class="fa-form-group clearfix">
  <label for="campo11">Qual o seu tempo disponível para se dedicar ao ZIPERATIVO?</label>
  <select data-type="select" id="campo11" required="">
<!-- First -->
<option value="Geralmente, a qualquer hora do dia">Geralmente, a qualquer hora do dia</option>
<option value="Só no período da manhã">Só no período da manhã</option>
<option value="Só à tarde">Só à tarde</option>
<option value="De noite o hit é certo amore!">De noite o hit é certo amore!</option>
</select>
</div><div class="fa-form-group clearfix">
  <label for="campo12">Possui algum conhecimento extra que possa ajudar nossa equipe?</label>
  <textarea data-type="textarea" id="campo12" placeholder="Escreva aqui todos os seus conhecimentos adicionais" required=""></textarea>
</div><div class="fa-form-group clearfix">
  <label for="campo13">Por que você gostaria de entrar para nossa equipe? Conte-nos um pouquinho sobre você! =]</label>
  <textarea data-type="textarea" id="campo13" placeholder="Escreva aqui a sua resposta. Conte-nos como você é!" 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]Nome:[/b] {{campo1}}
[b]Idade:[/b] {{campo2}}
[b]Cidade:[/b] {{campo3}}
[b]E-mail:[/b] {{campo4}}

[b]Cargo a candidatar:[/b] {{campo6}}
[b]Já fez parte de algum outro site ou possui experiência com o cargo que tem interesse?[/b]  {{campo6}}
[b]Quais são as suas fontes de notícias?[/b]  {{campo8}}
[b]Você sabe utilizar o TweetDeck?[/b]  {{campo9}}
[b]Link do banner (APENAS PRA DESIGNER):[/b] {{campo10}}
[b]Período de tempo disponível:[/b] {{campo11}}
[b]Conteúdo adicional:[/b] {{campo12}}
[b]Resposta da pergunta "[i]Por que você gostaria de entrar para nossa equipe?[/i]":[/b] {{campo13}}</textarea>

  <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', {
                  t: 13,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'reply',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
               }).done(function () {
                  alert('Postado com sucesso. Você será redirecionado para o tópico...');
            location.href = 'http://' + location.host + '/t13-?view=newest';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>

Segundo. Acesse:

Painel de Controle Geral Fórum Segurança

E vai ver uma configuração igual a esta:
Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas e você marca como Não.

Assim já deve dar.

[Nigrin]

Alex, muito obrigado!

Pode fechar

[Alex]

Tópico resolvido Movido para "Questões resolvidas".