Formulário 2.0 posta, mas como {{campo}}

por PrincipeSuiço 22.03.18 13:10

Detalhes da questão

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

Descrição

Bom dia,

Criei um formulário para criar um novo tópico, ele está criando o tópico porém não carrega as informações
Fica aparecendo como se fosse o campo respectivo:

Formulário 2.0 posta, mas como {{campo}} Captur10

O código que estou utilizando é este:

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>Formulário de erros no sistema </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>Formulário de erros no sistema </h1>  <div class="fa-form-group clearfix"> <p class="form-paragraph data-text">Os dados inseridos neste formulario serão direcionados a um tópico na área geral e posteriormente será respondido por um moderador do suporte. </p> </div><div class="fa-form-group clearfix"> <label for="campo10">Titulo do Tópico </label> <input type="text" data-type="text" id="campo10" placeholder="Titulo " required=""> </div><div class="fa-form-group clearfix"> <label for="campo3">Sistema com erro</label> <input type="text" data-type="text" id="campo3" placeholder="Sistema com erro " required=""> </div> <div class="fa-form-group clearfix"> <label for="campo4">Qual a versão do seu sistema?</label> <input type="text" data-type="text" id="campo4" placeholder="Versão" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo6">Código da empresa que ocorre (9999 para todas)</label> <input type="number" data-type="number" id="campo6" placeholder="Código da Empresa" max="9999" min="1" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo7">Sistema em rede ou local?</label> <input type="text" data-type="text" id="campo7" placeholder="" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo9">Descreva o erro ou dúvida</label> <textarea data-type="textarea" id="campo9" placeholder="Descrição do erro ou dúvida" required=""></textarea> </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">{{campo9}}</textarea> <input type="hidden" id="fa-generated-title" value="{{campo10}}" /> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script> <script src="" 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('Criando...'); 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('Preenchido com sucesso, verifique seu atendimento'); location.pathname = '/f3-'; }).fail(function () { alert('Houve um erro! Tente novamente!'); }); }, 600); }); }); }(jQuery)); </script> </body> </html>

Poderiam me ajudar por gentileza?
já verifiquei outros tópicos e não encontrei nada semelhante.

por PrincipeSuiço 22.03.18 15:48

Fiz o teste com o código porém não funcionou, refiz o formulário pelo gerador 2.0 agora temos um problema ele conclui mas não cria o tópico:

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>Formulário para correção de erros </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>Formulário para correção de erros </h1>  <div class="fa-form-group clearfix"> <p class="form-paragraph data-text">As informações preenchidas neste formulário são extremamente importantes para corrigir seu problema: </p> </div> <div class="fa-form-group clearfix"> <label for="campo3">Titulo do tópico</label> <input type="text" data-type="text" id="campo3" placeholder="titulo" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo4">Sistema com Erro</label> <input type="text" data-type="text" id="campo4" placeholder="Sistema " required=""> </div> <div class="fa-form-group clearfix"> <label for="campo5">Versão do sistema </label> <input type="text" data-type="text" id="campo5" placeholder="Versão " required=""> </div> <div class="fa-form-group clearfix"> <label for="campo6">Empresa com problema (9999 para todas)</label> <input type="number" data-type="number" id="campo6" placeholder="Empresas" max="9999" min="1" required=""> </div> <div class="fa-form-group clearfix"> <label for="campo7">Descrição do problema</label> <textarea data-type="textarea" id="campo7" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo8">Utiliza em rede ou local?</label> <input type="text" data-type="text" id="campo8" 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">{{campo4}} {{campo5}} {{campo6}} {{campo8}} {{campo7}}</textarea> <input type="hidden" id="fa-generated-title" value="{{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: 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>

:/

por **tikky** 22.03.18 16:33

Olá,
o seu formulário não dá devido ao value do título ser quase nulo, isso é quando têm menos de 5 caracteres nada dá, tente por exemplo este formulário:

Código::  <link rel="stylesheet" href="https://forumeiros.github.io/assets/src/form-generator/form-styles.css" /> <form id="fa-generated-form"> <div class="fa-form-wrapper"> <h1>Formulário para correção de erros </h1>  <div class="fa-form-group clearfix"> <p class="form-paragraph data-text">As informações preenchidas neste formulário são extremamente importantes para corrigir seu problema: </p> </div> <div class="fa-form-group clearfix"> <label for="campo1">Titulo do tópico:</label> <input required="" placeholder="título do seu tópico" id="campo1" data-type="text" type="text" /> </div> <div class="fa-form-group clearfix"> <label for="campo2">Sistema com Erro:</label> <input required="" placeholder="Qual o sistema com erro?" id="campo2" data-type="text" type="text" /> </div> <div class="fa-form-group clearfix"> <label for="campo3">Versão do sistema:</label> <input required="" placeholder="Qual a versão?" id="campo3" data-type="text" type="text" /> </div> <div class="fa-form-group clearfix"> <label for="campo4">Empresa com problema:</label> <input required="" placeholder="Máximo 999" id="campo4" data-type="number" type="number" max="9999" min="1" /> </div> <div class="fa-form-group clearfix"> <label for="campo5">Utiliza em rede ou local?</label> <input required="" placeholder="rede ou local" id="campo5" data-type="text" type="text" /> </div> <div class="fa-form-group clearfix"> <label for="campo6">Descrição do problema:</label> <input required="" placeholder="Qual o seu problema?" id="campo6" data-type="text" type="textarea" /> </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">{{campo2}} {{campo3}} {{campo4}}. {{campo5}} {{campo6}}</textarea> <input type="hidden" id="fa-generated-title" value="Correção de erros: {{campo1}}" /> <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: 1, 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 = '/f1-'; }).fail(function () { alert('Houve um erro! Tente novamente!'); }); }, 600); }); }); }(jQuery)); </script>

e depois tente com o seu com o seguinte título: "Forumeiros Formulário v2", por exemplo

por PrincipeSuiço 22.03.18 17:11

Opa deu muito certo,

Obrigado.

por **tikky** 22.03.18 17:14

Agora você têm duas opções:

Limitar o título ( máximo x - mínimo y)
Criar uma tag do título*

*como está no formulário passado em cima por mim

se quiser posso ajuda-lhe com isso.

Aguardo uma resposta,
obrigado

por PrincipeSuiço 22.03.18 17:16

Consegui limitar já
Obrigado.

por Luiz 22.03.18 21:27

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

Formulário 2.0 posta, mas como {{campo}}