Formulário de Postagem

por Jhool 22.12.17 19:42

Detalhes da questão

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

Descrição

Com todo respeito, já tentei diversos códigos e formularios e não consegui.

Eu gostaria de um formulario desta maneira:
http://prntscr.com/hr52g4

TODOS os formularios que eu tentei, a pagina em HTML ficava totalmente branca e com as caixas para responder, se eu coloca-se "´~^" buga a escrita e fica feião, tirando que não tem nenhum fundo e não tem a parte do menu ali encima.

Poderiam me AUXILIAR a colocar um formulario parecido com este no meu fórum? para isto irá demandar tempo, gostaria de alguém que realmente tem vontade de ensinar, agradeço!

fórum em que vi o formulario: http://www.brasilplayforever.com/h11-

por Jhool 23.12.17 3:24

por Jhool 23.12.17 7:57

alguém ajuda! up

por Harleen 23.12.17 11:42

Olá, tem de ser exatamente esse formulário? creio que criar um novo com gerador 2.0 seja melhor, depois você personaliza cores, fontes etc...

P.S. para qual tópico o formulário será postado?

Até mais

por Jhool 23.12.17 17:56

Obrigado, de coração.

O tópico deverá ser criado nessa área(f6):
http://familiawarning.forumeiros.com/f6-fichas-de-inscricoes

No formulário o jogador deverá responder tais questões:

DADOS PESSOAIS
Nome verdadeiro:
Idade:
Estado:
Conte-nos sobre si mesmo:

DADOS DO SERVIDOR
Nick:
Nick(s) antigo(s):
Seu tempo de experiência no SA:MP

GERAL
Família(s) antiga(s):
Explique porque você deixou sua família(s) antiga(s):
Você utiliza o TeamSpeak3?
Você tem Microfone?
Você concorda em se manter ativo no TS3?
Como será seu nick com _WarninG?
Porque devemos aceitar você?
Como conheceu a família?
Como surgiu o interesse de entrar para a família?
Tem indicação de algum membro da família?
Tem habilidades com programas de edição?

por Harleen 24.12.17 14:57

Olá, crie uma nova página HTML com esse código

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 Inscrição</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 Inscrição</h1>  <div class="fa-form-group clearfix"> <h4 class="form-subtitle data-text">DADOS PESSOAIS</h4> </div><div class="fa-form-group clearfix"> </div><div class="fa-form-group clearfix"> <label for="campo2">Nome verdadeiro:</label> <input type="text" data-type="text" id="campo2" placeholder="" required=""/> </div> <div class="fa-form-group clearfix"> <label for="campo4">Idade:</label> <input type="number" data-type="number" id="campo4" placeholder="" max="100" min="10" required="required"/> </div> <div class="fa-form-group clearfix"> <label for="campo5">Estado: </label> <input type="text" data-type="text" id="campo5" placeholder="" required=""/> </div> <div class="fa-form-group clearfix"> <label for="campo7">Conte-nos sobre si mesmo: </label> <textarea data-type="textarea" id="campo7" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <h4 class="form-subtitle data-text">DADOS DO SERVIDOR</h4> </div> <div class="fa-form-group clearfix"> <label for="campo9">Nick: </label> <input type="text" data-type="text" id="campo9" placeholder="" required=""/> </div> <div class="fa-form-group clearfix"> <label for="campo10">Nick(s) antigo(s): </label> <input type="text" data-type="text" id="campo10" placeholder="" required=""/> </div> <div class="fa-form-group clearfix"> <label for="campo11">Seu tempo de experiência no SA:MP </label> <input type="text" data-type="text" id="campo11" placeholder="" required=""/> </div> <div class="fa-form-group clearfix"> <h4 class="form-subtitle data-text">GERAL</h4> </div> <div class="fa-form-group clearfix"> <label for="campo14">Família(s) antiga(s): </label> <textarea data-type="textarea" id="campo14" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo15">Explique porque você deixou sua família(s) antiga(s): </label> <textarea data-type="textarea" id="campo15" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo16">Você utiliza o TeamSpeak3? </label> <select data-type="select" id="campo16" required="">  <option value="Sim">Sim</option> <option value="Não">Não</option> </select> </div> <div class="fa-form-group clearfix"> <label for="campo17">Você tem Microfone? </label> <select data-type="select" id="campo17" required="">  <option value="Sim">Sim</option> <option value="Não">Não</option> </select> </div> <div class="fa-form-group clearfix"> <label for="campo18">Você concorda em se manter ativo no TS3?</label> <select data-type="select" id="campo18" required="">  <option value="Concordo.">Concordo.</option> <option value="Discordo.">Discordo.</option> </select> </div> <div class="fa-form-group clearfix"> <label for="campo19">Como será seu nick com _WarninG? </label> <input type="text" data-type="text" id="campo19" placeholder="" required=""/> </div> <div class="fa-form-group clearfix"> <label for="campo20">Porque devemos aceitar você? </label> <textarea data-type="textarea" id="campo20" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo21">Como conheceu a família? </label> <textarea data-type="textarea" id="campo21" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo22">Como surgiu o interesse de entrar para a família? </label> <textarea data-type="textarea" id="campo22" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo23">Tem indicação de algum membro da família? </label> <textarea data-type="textarea" id="campo23" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo28">Tem habilidades com programas de edição? </label> <textarea data-type="textarea" id="campo28" placeholder="" required="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">Nome verdadeiro: * {{campo2}} Idade: {{campo4}} Estado: {{campo5}} Conte-nos sobre si mesmo: {{campo7}} Nick: {{campo9}} Nick(s) antigo(s): {{campo10}} Seu tempo de experiência no SA:MP {{campo11}} Família(s) antiga(s): {{campo14}} Explique porque você deixou sua família(s) antiga(s): {{campo15}} Você utiliza o TeamSpeak3? {{campo16}} Você tem Microfone? {{campo17}} Você concorda em se manter ativo no TS3? {{campo18}} Como será seu nick com _WarninG? {{campo19}} Porque devemos aceitar você? {{campo20}} Como conheceu a família? {{campo21}} Como surgiu o interesse de entrar para a família? {{campo22}} Tem indicação de algum membro da família? {{campo23}} Tem habilidades com programas de edição? {{campo28}} </textarea> <input type="hidden" id="fa-generated-title" value="Inscrição" /> <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: 6, 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 = '/f6-'; }).fail(function () { alert('Houve um erro! Tente novamente!'); }); }, 600); }); }); }(jQuery)); </script> </body> </html>

Depois nos Javascript adicione em todas as páginas

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

No meu cado o formulário é h3-, veja qual o endereço em seu fórum e altere.

Resultado no tópico https://prnt.sc/hrqtby

Saiba mais com o tutorial

https://ajuda.forumeiros.com/t109239-tutorial-

Até mais

por Jhool 25.12.17 3:00

Aparece essa mensagem: http://prntscr.com/hrwztn

Mas o tópico não é enviado

por Ketholy 25.12.17 11:02

Olá autor,

Vá em:

Painel de controle>Geral>Fórum>Segurança>Desautorizar formulários não oficiais de postarem no fórum e enviar mensagens privadas,marque como "NÃO".

Creio que irá resolver esse pequeno problema.

Até mais!

por Jhool 25.12.17 18:33

Apliquei as mudanças e não resultou: http://prntscr.com/hs551x

http://prntscr.com/hs562n

a mensagem não é enviada
http://prntscr.com/hs55kn

por Harleen 26.12.17 19:10

Poste aqui o print do endereço da página html e o novo tópico, basta clicar no botão e copiar o link.
Assim, novo tópico:
Formulário de Postagem AD8pRji

Formulário... Painel de Controle Seta

Módulos

HTML & JAVASCRIPT Seta

Gestão das páginas HTML

Até mais

por Jhool 27.12.17 6:08

Código::  <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>Formulário de Inscrição</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> Formulário de Inscrição </h1>  <div class="fa-form-group clearfix"> <h4 class="form-subtitle data-text"> DADOS PESSOAIS </h4> </div> <div class="fa-form-group clearfix"> </div> <div class="fa-form-group clearfix"> <label for="campo2">Nome verdadeiro:</label> <input required="" placeholder="" id="campo2" data-type="text" type="text" /> </div> <div class="fa-form-group clearfix"> <label for="campo4">Idade:</label> <input required="required" min="10" max="100" placeholder="" id="campo4" data-type="number" type="number" /> </div> <div class="fa-form-group clearfix"> <label for="campo5">Estado: </label> <input required="" placeholder="" id="campo5" data-type="text" type="text" /> </div> <div class="fa-form-group clearfix"> <label for="campo7">Conte-nos sobre si mesmo: </label> <textarea required="" placeholder="" id="campo7" data-type="textarea"></textarea> </div> <div class="fa-form-group clearfix"> <h4 class="form-subtitle data-text"> DADOS DO SERVIDOR </h4> </div> <div class="fa-form-group clearfix"> <label for="campo9">Nick: </label> <input required="" placeholder="" id="campo9" data-type="text" type="text" /> </div> <div class="fa-form-group clearfix"> <label for="campo10">Nick(s) antigo(s): </label> <input required="" placeholder="" id="campo10" data-type="text" type="text" /> </div> <div class="fa-form-group clearfix"> <label for="campo11">Seu tempo de experiência no SA:MP </label> <input required="" placeholder="" id="campo11" data-type="text" type="text" /> </div> <div class="fa-form-group clearfix"> <h4 class="form-subtitle data-text"> GERAL </h4> </div> <div class="fa-form-group clearfix"> <label for="campo14">Família(s) antiga(s): </label> <textarea required="" placeholder="" id="campo14" data-type="textarea"></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo15">Explique porque você deixou sua família(s) antiga(s): </label> <textarea required="" placeholder="" id="campo15" data-type="textarea"></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo16">Você utiliza o TeamSpeak3? </label> <select required="" id="campo16" data-type="select">  <option value="Sim">Sim</option> <option value="Não">Não</option> </select> </div> <div class="fa-form-group clearfix"> <label for="campo17">Você tem Microfone? </label> <select required="" id="campo17" data-type="select">  <option value="Sim">Sim</option> <option value="Não">Não</option> </select> </div> <div class="fa-form-group clearfix"> <label for="campo18">Você concorda em se manter ativo no TS3?</label> <select required="" id="campo18" data-type="select">  <option value="Concordo.">Concordo.</option> <option value="Discordo.">Discordo.</option> </select> </div> <div class="fa-form-group clearfix"> <label for="campo19">Como será seu nick com _WarninG? </label> <input required="" placeholder="" id="campo19" data-type="text" type="text" /> </div> <div class="fa-form-group clearfix"> <label for="campo20">Porque devemos aceitar você? </label> <textarea required="" placeholder="" id="campo20" data-type="textarea"></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo21">Como conheceu a família? </label> <textarea required="" placeholder="" id="campo21" data-type="textarea"></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo22">Como surgiu o interesse de entrar para a família? </label> <textarea required="" placeholder="" id="campo22" data-type="textarea"></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo23">Tem indicação de algum membro da família? </label> <textarea required="" placeholder="" id="campo23" data-type="textarea"></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo28">Tem habilidades com programas de edição? </label> <textarea required="required" placeholder="" id="campo28" data-type="textarea"></textarea> </div>  </div> <div class="fa-submit"> <button type="submit" class="post-button"> Enviar Formulário </button> </div> </form>   <textarea id="fa-generated-message" style="display: none;">Nome verdadeiro: * {{campo2}} Idade: {{campo4}} Estado: {{campo5}} Conte-nos sobre si mesmo: {{campo7}} Nick: {{campo9}} Nick(s) antigo(s): {{campo10}} Seu tempo de experiência no SA:MP {{campo11}} Família(s) antiga(s): {{campo14}} Explique porque você deixou sua família(s) antiga(s): {{campo15}} Você utiliza o TeamSpeak3? {{campo16}} Você tem Microfone? {{campo17}} Você concorda em se manter ativo no TS3? {{campo18}} Como será seu nick com _WarninG? {{campo19}} Porque devemos aceitar você? {{campo20}} Como conheceu a família? {{campo21}} Como surgiu o interesse de entrar para a família? {{campo22}} Tem indicação de algum membro da família? {{campo23}} Tem habilidades com programas de edição? {{campo28}} </textarea> <input value="Inscrição" id="fa-generated-title" type="hidden" /> <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', { subject: $('#fa-generated-title').val().trim(), f: 6, 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 = '/f6-'; }).fail(function () { alert('Houve um erro! Tente novamente!'); }); }, 600); }); }); }(jQuery)); </script>

prints
postando: http://prntscr.com/hsr1ez
subfórum: http://prntscr.com/hsr1ih
html: http://prntscr.com/hsr1yd

por while 27.12.17 23:39

Olá autor, boa noite.

Altere o JS por esse:

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

E altere o código da pagina html por esse:

Código::  <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>Formulário de Inscrição</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> Formulário de Inscrição </h1>  <div class="fa-form-group clearfix"> <h4 class="form-subtitle data-text"> DADOS PESSOAIS </h4> </div> <div class="fa-form-group clearfix"> </div> <div class="fa-form-group clearfix"> <label for="campo2">Nome verdadeiro:</label> <input required="" placeholder="" id="campo2" data-type="text" type="text" /> </div> <div class="fa-form-group clearfix"> <label for="campo4">Idade:</label> <input required="required" min="10" max="100" placeholder="" id="campo4" data-type="number" type="number" /> </div> <div class="fa-form-group clearfix"> <label for="campo5">Estado: </label> <input required="" placeholder="" id="campo5" data-type="text" type="text" /> </div> <div class="fa-form-group clearfix"> <label for="campo7">Conte-nos sobre si mesmo: </label> <textarea required="" placeholder="" id="campo7" data-type="textarea"></textarea> </div> <div class="fa-form-group clearfix"> <h4 class="form-subtitle data-text"> DADOS DO SERVIDOR </h4> </div> <div class="fa-form-group clearfix"> <label for="campo9">Nick: </label> <input required="" placeholder="" id="campo9" data-type="text" type="text" /> </div> <div class="fa-form-group clearfix"> <label for="campo10">Nick(s) antigo(s): </label> <input required="" placeholder="" id="campo10" data-type="text" type="text" /> </div> <div class="fa-form-group clearfix"> <label for="campo11">Seu tempo de experiência no SA:MP </label> <input required="" placeholder="" id="campo11" data-type="text" type="text" /> </div> <div class="fa-form-group clearfix"> <h4 class="form-subtitle data-text"> GERAL </h4> </div> <div class="fa-form-group clearfix"> <label for="campo14">Família(s) antiga(s): </label> <textarea required="" placeholder="" id="campo14" data-type="textarea"></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo15">Explique porque você deixou sua família(s) antiga(s): </label> <textarea required="" placeholder="" id="campo15" data-type="textarea"></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo16">Você utiliza o TeamSpeak3? </label> <select required="" id="campo16" data-type="select">  <option value="Sim">Sim</option> <option value="Não">Não</option> </select> </div> <div class="fa-form-group clearfix"> <label for="campo17">Você tem Microfone? </label> <select required="" id="campo17" data-type="select">  <option value="Sim">Sim</option> <option value="Não">Não</option> </select> </div> <div class="fa-form-group clearfix"> <label for="campo18">Você concorda em se manter ativo no TS3?</label> <select required="" id="campo18" data-type="select">  <option value="Concordo.">Concordo.</option> <option value="Discordo.">Discordo.</option> </select> </div> <div class="fa-form-group clearfix"> <label for="campo19">Como será seu nick com _WarninG? </label> <input required="" placeholder="" id="campo19" data-type="text" type="text" /> </div> <div class="fa-form-group clearfix"> <label for="campo20">Porque devemos aceitar você? </label> <textarea required="" placeholder="" id="campo20" data-type="textarea"></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo21">Como conheceu a família? </label> <textarea required="" placeholder="" id="campo21" data-type="textarea"></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo22">Como surgiu o interesse de entrar para a família? </label> <textarea required="" placeholder="" id="campo22" data-type="textarea"></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo23">Tem indicação de algum membro da família? </label> <textarea required="" placeholder="" id="campo23" data-type="textarea"></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo28">Tem habilidades com programas de edição? </label> <textarea required="required" placeholder="" id="campo28" data-type="textarea"></textarea> </div>  </div> <div class="fa-submit"> <button type="submit" class="post-button"> Enviar Formulário </button> </div> </form>   <textarea id="fa-generated-message" style="display: none;">Nome verdadeiro: * {{campo2}} Idade: {{campo4}} Estado: {{campo5}} Conte-nos sobre si mesmo: {{campo7}} Nick: {{campo9}} Nick(s) antigo(s): {{campo10}} Seu tempo de experiência no SA:MP {{campo11}} Família(s) antiga(s): {{campo14}} Explique porque você deixou sua família(s) antiga(s): {{campo15}} Você utiliza o TeamSpeak3? {{campo16}} Você tem Microfone? {{campo17}} Você concorda em se manter ativo no TS3? {{campo18}} Como será seu nick com _WarninG? {{campo19}} Porque devemos aceitar você? {{campo20}} Como conheceu a família? {{campo21}} Como surgiu o interesse de entrar para a família? {{campo22}} Tem indicação de algum membro da família? {{campo23}} Tem habilidades com programas de edição? {{campo28}} </textarea> <input value="Inscrição" id="fa-generated-title" type="hidden" /> <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', { subject: $('#fa-generated-title').val().trim(), f: 6, 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 = '/f6-'; }).fail(function () { alert('Houve um erro! Tente novamente!'); }); }, 600); }); }); }(jQuery)); </script>

Até mais.

por Jhool 28.12.17 6:14

Não resultou, podem criar uma conta no fórum e testarem.

por Jhool 28.12.17 23:50

Caso alguém queria eu posso estar disponibilizando acesso ao painel.

por Harleen 29.12.17 13:12

Olá Jhool, desative alguns scripts e widgets e depois tente novamente.

P.S. não dê acesso ao seu Painel de Controle para qualquer um, pois podem fazer "besteira" em seu fórum.

Até mais

por Jhool 30.12.17 1:34

Harleen, verifique o MP!

por Jhool 30.12.17 7:02

SEU PV está bloqueado e não estou conseguindo solucionar tal problema.

por Harleen 30.12.17 14:45

Pronto! envie agora pode me enviar a conta por MP.

Até mais.

por Jhool 31.12.17 5:39

Avise aqui os problemas encontrados e se caso conseguiu arrumar o erro!

agradeço desde já.

por Harleen 31.12.17 15:56

Eu havia pensado que o erro seria do template editado ou algum script, mas era o próprio formulário e minha também, que não prestei atenção..., no fato do título do tópico que estava "curto", eu inseri Inscrição no servidor, caso queiro trocar o título, avise...
troque o formulário por esse, mantenha o Javascript.

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 Inscrição</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 Inscrição</h1>  <div class="fa-form-group clearfix"> <h4 class="form-subtitle data-text">DADOS PESSOAIS</h4> </div> <div class="fa-form-group clearfix"> <label for="campo2">Nome verdadeiro:</label> <input data-type="text" id="campo2" placeholder="" required="" type="text"> </div> <div class="fa-form-group clearfix"> <label for="campo3">Idade:</label> <input data-type="number" id="campo3" placeholder="" max="40" min="10" required="" type="number"> </div> <div class="fa-form-group clearfix"> <label for="campo4">Estado: </label> <input data-type="text" id="campo4" placeholder="" required="" type="text"> </div> <div class="fa-form-group clearfix"> <label for="campo5">Conte-nos sobre si mesmo: </label> <textarea data-type="textarea" id="campo5" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <h4 class="form-subtitle data-text">DADOS DO SERVIDOR</h4> </div> <div class="fa-form-group clearfix"> <label for="campo7">Nick: </label> <input data-type="text" id="campo7" placeholder="" required="" type="text"> </div> <div class="fa-form-group clearfix"> <label for="campo8">Nick(s) antigo(s): </label> <input data-type="text" id="campo8" placeholder="" required="" type="text"> </div> <div class="fa-form-group clearfix"> <label for="campo9">Seu tempo de experiência no SA:MP</label> <input data-type="text" id="campo9" placeholder="" required="" type="text"> </div> <div class="fa-form-group clearfix"> <h4 class="form-subtitle data-text">GERAL</h4> </div> <div class="fa-form-group clearfix"> <label for="campo11">Família(s) antiga(s):</label> <textarea data-type="textarea" id="campo11" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo12">Explique porque você deixou sua família(s) antiga(s):</label> <textarea data-type="textarea" id="campo12" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo13">Você utiliza o TeamSpeak3?</label> <select data-type="select" id="campo13" required="">  <option value="Sim">Sim</option> <option value="Não">Não</option> </select> </div> <div class="fa-form-group clearfix"> <label for="campo14">Você tem Microfone?</label> <select data-type="select" id="campo14" required="">  <option value="Sim">Sim</option> <option value="Não">Não</option> </select> </div> <div class="fa-form-group clearfix"> <label for="campo15">Você concorda em se manter ativo no TS3?</label> <select data-type="select" id="campo15" required="">  <option value="Concordo">Concordo</option> <option value="Discordo">Discordo</option> </select> </div> <div class="fa-form-group clearfix"> <label for="campo16">Como será seu nick com _WarninG?</label> <input data-type="text" id="campo16" placeholder="" required="" type="text"> </div> <div class="fa-form-group clearfix"> <label for="campo17">Porque devemos aceitar você?</label> <textarea data-type="textarea" id="campo17" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo18">Como conheceu a família?</label> <textarea data-type="textarea" id="campo18" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo19">Como surgiu o interesse de entrar para a família?</label> <textarea data-type="textarea" id="campo19" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo20">Tem indicação de algum membro da família?</label> <textarea data-type="textarea" id="campo20" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo21">Tem habilidades com programas de edição?</label> <textarea data-type="textarea" id="campo21" placeholder="" 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">Nome verdadeiro: {{campo2}} Idade: {{campo3}} Estado: {{campo4}} Conte-nos sobre si mesmo: {{campo5}} Nick: {{campo7}} Nick(s) antigo(s): {{campo8}} Seu tempo de experiência no SA:MP {{campo9}} Família(s) antiga(s): {{campo11}} Explique porque você deixou sua família(s) antiga(s): {{campo12}} Você utiliza o TeamSpeak3? {{campo13}} Você tem Microfone? {{campo14}} Você concorda em se manter ativo no TS3? {{campo15}} Como será seu nick com _WarninG? {{campo16}} Porque devemos aceitar você? {{campo17}} Como conheceu a família? {{campo18}} Como surgiu o interesse de entrar para a família? {{campo19}} Tem indicação de algum membro da família? {{campo20}} Tem habilidades com programas de edição? {{campo21}}</textarea> <input type="hidden" id="fa-generated-title" value="Inscrição no servidor" /> <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: 6, 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 = '/f6-'; }).fail(function () { alert('Houve um erro! Tente novamente!'); }); }, 600); }); }); }(jQuery)); </script> </body> </html>

Até mais, espero que agora funcione Rindo

e feliz 2018

por Jhool 01.01.18 9:15

Realmente resultou, sobre o título.

Poderiamos deixar [Inscrição] NICK

O nick seria a parte do formulario a onde o usuario iria preencher o seu nick
http://prntscr.com/huqcfe

Agradeço desde já, feliz ano novo e que tudo de certo para você e para a sua família!

por while 01.01.18 13:21

Olá autor, troque o código html por esse:

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 Inscrição</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 Inscrição</h1>  <div class="fa-form-group clearfix"> <h4 class="form-subtitle data-text">DADOS PESSOAIS</h4> </div> <div class="fa-form-group clearfix"> <label for="campo2">Nome verdadeiro:</label> <input data-type="text" id="campo2" placeholder="" required="" type="text"> </div> <div class="fa-form-group clearfix"> <label for="campo3">Idade:</label> <input data-type="number" id="campo3" placeholder="" max="40" min="10" required="" type="number"> </div> <div class="fa-form-group clearfix"> <label for="campo4">Estado: </label> <input data-type="text" id="campo4" placeholder="" required="" type="text"> </div> <div class="fa-form-group clearfix"> <label for="campo5">Conte-nos sobre si mesmo: </label> <textarea data-type="textarea" id="campo5" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <h4 class="form-subtitle data-text">DADOS DO SERVIDOR</h4> </div> <div class="fa-form-group clearfix"> <label for="campo7">Nick: </label> <input data-type="text" id="campo7" placeholder="" required="" type="text"> </div> <div class="fa-form-group clearfix"> <label for="campo8">Nick(s) antigo(s): </label> <input data-type="text" id="campo8" placeholder="" required="" type="text"> </div> <div class="fa-form-group clearfix"> <label for="campo9">Seu tempo de experiência no SA:MP</label> <input data-type="text" id="campo9" placeholder="" required="" type="text"> </div> <div class="fa-form-group clearfix"> <h4 class="form-subtitle data-text">GERAL</h4> </div> <div class="fa-form-group clearfix"> <label for="campo11">Família(s) antiga(s):</label> <textarea data-type="textarea" id="campo11" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo12">Explique porque você deixou sua família(s) antiga(s):</label> <textarea data-type="textarea" id="campo12" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo13">Você utiliza o TeamSpeak3?</label> <select data-type="select" id="campo13" required="">  <option value="Sim">Sim</option> <option value="Não">Não</option> </select> </div> <div class="fa-form-group clearfix"> <label for="campo14">Você tem Microfone?</label> <select data-type="select" id="campo14" required="">  <option value="Sim">Sim</option> <option value="Não">Não</option> </select> </div> <div class="fa-form-group clearfix"> <label for="campo15">Você concorda em se manter ativo no TS3?</label> <select data-type="select" id="campo15" required="">  <option value="Concordo">Concordo</option> <option value="Discordo">Discordo</option> </select> </div> <div class="fa-form-group clearfix"> <label for="campo16">Como será seu nick com _WarninG?</label> <input data-type="text" id="campo16" placeholder="" required="" type="text"> </div> <div class="fa-form-group clearfix"> <label for="campo17">Porque devemos aceitar você?</label> <textarea data-type="textarea" id="campo17" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo18">Como conheceu a família?</label> <textarea data-type="textarea" id="campo18" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo19">Como surgiu o interesse de entrar para a família?</label> <textarea data-type="textarea" id="campo19" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo20">Tem indicação de algum membro da família?</label> <textarea data-type="textarea" id="campo20" placeholder="" required=""></textarea> </div> <div class="fa-form-group clearfix"> <label for="campo21">Tem habilidades com programas de edição?</label> <textarea data-type="textarea" id="campo21" placeholder="" 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">Nome verdadeiro: {{campo2}} Idade: {{campo3}} Estado: {{campo4}} Conte-nos sobre si mesmo: {{campo5}} Nick: {{campo7}} Nick(s) antigo(s): {{campo8}} Seu tempo de experiência no SA:MP {{campo9}} Família(s) antiga(s): {{campo11}} Explique porque você deixou sua família(s) antiga(s): {{campo12}} Você utiliza o TeamSpeak3? {{campo13}} Você tem Microfone? {{campo14}} Você concorda em se manter ativo no TS3? {{campo15}} Como será seu nick com _WarninG? {{campo16}} Porque devemos aceitar você? {{campo17}} Como conheceu a família? {{campo18}} Como surgiu o interesse de entrar para a família? {{campo19}} Tem indicação de algum membro da família? {{campo20}} Tem habilidades com programas de edição? {{campo21}}</textarea> <input type="hidden" id="fa-generated-title" value="[Inscrição] {{campo7}}" /> <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: 6, 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 = '/f6-'; }).fail(function () { alert('Houve um erro! Tente novamente!'); }); }, 600); }); }); }(jQuery)); </script> </body> </html>

Até.

por Jhool 01.01.18 23:12

resultou, obrigado a todos!

por while 02.01.18 0:08

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 de Postagem