Formulário HTML não funciona

Item: Formulário HTML não funciona
Rating: 1

por Henrk 31.10.18 16:06

Detalhes da questão

Endereço do fórum: http://speedrushzone.forumotion.com/
Versão do fórum: phpBB3

Descrição

Olá novamente. Eu criei um formulário através deste tutorial, mas ele não está funcionando e eu gostaria de saber o que estou fazendo de errado. Pretendo colocar o formulário no sub-fórum de id 5 do meu fórum. Criei o formulário e salvei o código fornecido como avançado, no modulo de gerenciamento de html, porém não resultou em nada. O código html é o seguinte:

Código:: <!DOCTYPE html> <html>  <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>Application to Speed Rush Zone</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>Application to Speed Rush Zone</h1>  <div class="fa-form-group clearfix"> <label for="campo1">Nickname:</label> <input type="text" data-type="text" id="campo1" placeholder="" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo2">First name and age:</label> <input type="text" data-type="text" id="campo2" placeholder="" required="required"> </div> <div class="fa-form-group clearfix"> <label for="campo3">Nationality:</label> <input type="text" data-type="text" id="campo3" placeholder="" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo5">Previous clans:</label> <input type="text" data-type="text" id="campo5" placeholder="" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo6">How long have you been playing race?:</label> <input type="text" data-type="text" id="campo6" placeholder="" required="required"> </div> <div class="fa-form-group clearfix"> <label for="campo7">Which servers do you play most at the moment?:</label> <input type="text" data-type="text" id="campo7" placeholder="" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo8">How often do you play?:</label> <input type="text" data-type="text" id="campo8" placeholder="" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo9">Why do you want to join us?:</label> <input type="text" data-type="text" id="campo9" placeholder="" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo10">What do you expect from us?:</label> <input type="text" data-type="text" id="campo10" placeholder="" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo11">Video of you doing less than 2:01 on Royal Flush:</label> <input type="text" data-type="text" id="campo11" placeholder="" required=""> </div>  </div> <div class="fa-submit"> <button class="post-button" type="submit">Enviar Formulário</button> </div> </form>   <textarea style="display: none;" id="fa-generated-message"></textarea> <input type="hidden" id="fa-generated-title" value="{{campo1}}'s Application" /> <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: 5, 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 = '/f5-'; }).fail(function () { alert('Houve um erro! Tente novamente!'); }); }, 600); }); }); }(jQuery)); </script> </body> </html>

por RafaelS. 31.10.18 16:08

Olá novamente @Henrk,

O que precisamente não está funcionando no formulário? A mensagem não é postada? Aparece algum erro na hora de postar?

Fico no aguardo dessas informações.

por Henrk 31.10.18 16:18

O formulário não aparece na hora de criar o tópico. Ele deveria aparecer ao clicar em new topic no determinado sub-fórum, certo?

por RafaelS. 31.10.18 16:31

Olá!

É isso mesmo. Bom é estranho o formulário não lhe ter fornecido o script para esse efeito. De qualquer das maneiras o script é este e deve ser adicionado com investimento em todas as páginas:

Código:: jQuery(document).ready(function() { jQuery('a[href^="/post?f=5&mode=newtopic"]').attr('href', '/h1-'); });

Se quiser adicionar mais formulários o código é o mesmo mas só altera o 5 pelo id do fórum e h1 pelo id da página.

Até mais.

por Henrk 31.10.18 16:34

Mais uma vez, muito obrigado Rafael. Feliz

@Edit
O tópico não está sendo enviado...

por RafaelS. 31.10.18 16:37

Henrk escreveu:
O tópico não está sendo enviado...

Certo! Há algum erro que aparece, ou simplesmente não acontece nada?

por Henrk 31.10.18 16:40

Ao preencher os campos e enviar o formulário aparece a seguinte mensagem: "Postado com sucesso. Você será redirecionado para o subfórum com o novo tópico...". Após isso redireciona para o fórum mas o tópico não é postado.

por RafaelS. 31.10.18 16:49

Ok! Pode ser várias coisas, como por exemplo um mecanismo de segurança do fórum que teremos de desativar.
Para isso aceda a:

Painel de Controle Geral Fórum Segurança
Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas : Marque Não.

Após isto tente novamente. Feliz

por Henrk 31.10.18 16:58

Bom, segui as instruções porém o erro persiste.

por RafaelS. 31.10.18 17:09

Olá @Henrk,

Você preencheu tudo corretamente quando criou o formulário? Eu analisei o código e o problema é que o <textarea> que é responsável pelo conteúdo da mensagem está vazio, provavelmente porque você deixou o campo Mensagem vazio na hora de criar o formulário.

Vou deixar lhe deixar a escolha, de tentar criar novamente ou então consertar este manualmente com a minha ajuda. Feliz

Abraços.

por Henrk 31.10.18 17:21

Olá. Eu estava preenchendo o formulário da forma errada, não sabia a finalidade da parte "Mensagem". Desculpe pelo transtorno. O problema está resolvido, muito obrigado pela ajuda.

por RafaelS. 31.10.18 17:40

@Henrk, a parte Mensagem do gerador é o layout da mensagem final a ser enviada. Vou dar um exemplo:

Suponhamos os seguintes campos: Nome :seta2:

{{campo1}} , Idade :seta2:

{{campo2}}, Interesses :seta2:

{{campo3}}

No campo Mensagem, você pode dar uma estrutura a esses dados da forma que preferir e até pode usar BBCode. Segue um exemplo:

Código:: [center]Apresentação de{{campo1}} Olá, eu sou o [b]{{campo1}}[/b] tenho {{campo2}} idade e estes são os meus interesses: {{campo3}}. [/center]

Ou então, algo mais básico:

Código:: Nome: {{campo1}} Idade: {{campo2}} Interesses: {{campo3}}

Espero que isto tenha tirado a sua dúvida.

por Henrk 31.10.18 17:41

Sim, minha dúvida foi sanada. Obrigado pelo esclarecimento! Feliz

por RafaelS. 31.10.18 17:42

You're welcome. Feliz

Tópico resolvido

Movido para "Questões resolvidas".

Formulário HTML não funciona