Formulário bugado

Item: Formulário bugado
Rating: 1

por iScroll 26.04.17 17:24

Detalhes da questão

Endereço do fórum: http://www.brasilplayultimate.com.br
Versão do fórum: PunBB

Descrição

Bom, fiz um formulário aqui certinho sem problema algum, mas as duas ultiamas opções ficam assim:

4 Primeiros Digitos do Cartão nundefined
Nome do Titular do Cartão nundefined

Teria solução?

Código:: <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <title>Formulário de Queixas</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> </head> <style type="text/css"> *{ outline: none!important; } textarea{ min-height: 200px; resize: vertical; } </style> <script> /* Script do Formulário */ // Obtém a data/hora atual var data = new Date(); // Guarda cada pedaço em uma variável var dia = data.getDate(); // 1-31 var dia_sem = data.getDay(); // 0-6 (zero=domingo) var mes = data.getMonth()+1; // 0-11 (zero=janeiro) var ano2 = data.getYear(); // 2 dígitos var ano4 = data.getFullYear(); // 4 dígitos var hora = data.getHours(); // 0-23 var min = data.getMinutes(); // 0-59 var seg = data.getSeconds(); // 0-59 var mseg = data.getMilliseconds(); // 0-999 var tz = data.getTimezoneOffset(); // em minutos var zump = (mseg * seg + hora) * min; </script> <body> <div style="margin-top: -65px; text-align: center" class="h2"> <strong> </strong> <br> <br> <h2> <style="center"><span style="color: red; font-size: 45px;"><ins>AVISO</ins></span></style="center"> </h2><strong></strong> </div> <div style="background:#C8E2B7;padding:5px;text-align:center;font-family:Arial;font-size:13px"> <img style="vertical-align: middle; height: 48px;" src="http://i.imgur.com/b7AlG.png"> <br> <span style="color: red; font-size: 18px;"><strong><center>Nenhum valor será reembolsado após o benefício ser entregue.</center></strong></span> <br><strong>1 - </strong>Obrigatório preencher todo o formulário, sem exceção de nada, caso contrário o benefício não será setado. <br><strong>2 - </strong>Em casos de dúvidas chame um administrador <br><strong>3 - </strong>Nenhum valor será reembolsado após o benefício ser entregue. <br> <span style="color: red; font-size: 18px;"><strong><center>Esse formulário é entregue aos donos do servidor, fique confiante em passar seus dados pessoais, nossa equipe é profissional e não colocará você em risco.</center></strong></span> </div> <section class="container"> <section class="row"> <form action="" role="form" id="form-posting" style="padding:2em;"> <fieldset> <legend style="padding:.5em">Formulário de Queixas</legend><div class="form-group"> <label for="reason">Nome Completo</label> <input class="form-control" id="reason" placeholder="Coloque aqui o seu nome completo."> </div> <div class="form-group"> <label for="accused">Seu Nick</label> <input class="form-control" id="accused" placeholder="Coloque aqui seu nick do jogo." /> </div><fieldset> </fieldset> <div class="form-group"> <label for="cpf">CPF</label> <input class="form-control" id="cpf" placeholder="Coloque aqui seu CPF." /> </div><fieldset> </fieldset> <div class="form-group"> <label for="datanasc">Data de Nascimento</label> <input class="form-control" id="datanasc" placeholder="Coloque aqui sua data de nascimento." /> </div><fieldset> </fieldset> <div class="form-group"> <label for="datasell">Data da Doação</label> <input class="form-control" id="datasell" placeholder="Coloque aqui o dia em que efetoou a doação." /> </div><fieldset> </fieldset> <div class="form-group"> <label for="organization">Qual Benefício você Doou</label> <select class="form-control" id="organization"> <option selected="true" disabled="true">Selecione</option> <option value="GoldUltimate">GoldUltimate</option><option value="Família VIP">Família VIP</option><option value="Organização VIP Comum">ORG VIP Comum</option><option value="Organização VIP Ultimate">ORG VIP Ultimate</option><option value="VIP Bronze">VIP Bronze</option><option value="VIP Prata">VIP Prata</option><option value="VIP Ouro">VIP Ouro</option><option value="Sócio Bronze">Sócio Bronze</option><option value="Sócio Prata">Sócio Prata</option><option value="Sócio Ouro">Sócio Ouro</option> <option value="Sócio Ultimate">Sócio Ultimate</option> </select> </div><fieldset> </fieldset> <div class="form-group"> <label for="report">Foto/Print do Comprovante</label> <textarea id="report" placeholder="Coloque aqui a foto/print do comprovante da doação." class="form-control"></textarea> </div><fieldset> </fieldset> <div class="form-group"> <label for="prrofs">O titular do cartão sabe da Compra?</label> <textarea id="proofs" placeholder="Sim/Não." class="form-control"></textarea> </div><fieldset> </fieldset> <div class="form-group"> <label for="cartao">4 Primeiros Digitos do Cartão</label> <textarea id="cartao" placeholder="Coloque aqui os 4 primeiros Digitos do Cartão" class="form-control"></textarea> </div><fieldset> </fieldset> <div class="form-group"> <label for="name">Nome do Titular do Cartão</label> <textarea id="name" placeholder="Coloque aqui o nome do titular do cartão." class="form-control"></textarea> </div><fieldset> </fieldset> <button type="submit" class="btn btn-primary btn-sm pull-right"> Enviar formulário </button><fieldset> <input type="reset" class="btn btn-link btn-sm pull-right" value="Apagar tudo" /> <span style="font-size: smaller;"> </span> </fieldset> </form><section class="container"><section class="row"> </section> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(function(){ $("#form-posting").submit(function(event){ event.preventDefault(); var formData = { category: $("#category").val(), reason: $("#reason").val(), accused: $("#accused").val(), cpf: $("#cpf").val(), datanasc: $("#datanasc").val(), datasell: $("#datasell").val(), organization: $("#organization").val(), cartap: $("#datacartao").val(), name: $("#dataname").val(), report: $("#report").val(), proofs: $("#proofs").val(), extra: $("#extra").val(), acusado: $("#acusado").val() }; var data = '[font=Vernada][size=13]' + '\n\n' + ' [b][color=#FF0000]Nome Completo[/b][/color] ' + '\n' + formData.reason + '\n\n' + ' [b][color=#FF0000]Nick IN-GAME[/b][/color] ' + '\n' + formData.accused + '\n\n' + ' [b][color=#FF0000]CPF[/b][/color] ' + '\n' + formData.cpf + '\n\n' + ' [b][color=#FF0000]Data de Nascimento[/b][/color] ' + '\n' + formData.datanasc + '\n\n' + ' [b][color=#FF0000]Data de Doação[/b][/color] ' + '\n' + formData.datasell + '\n\n' + ' [b][color=#FF0000]Qual Benefício você Doou?[/b][/color] ' + '\n' + formData.organization + '\n\n' + ' [b][color=#FF0000]Foto/Print do Comprovante[/b][/color] ' + '\n' + formData.report + '\n\n' + ' [b][color=#FF0000]O titular do cartão sabe da Compra?[/b][/color] ' + '\n' + formData.proofs + '\n\n' + ' [b][color=#FF0000]4 Primeiros Digitos do Cartão[/b][/color] ' + '\n' + formData.cartao + '\n\n' + ' [b][color=#FF0000]Nome do Titular do Cartão[/b][/color] ' + '\n' + formData.name + '\n\n' + '[/size][/font]'; $.post("/post", { f: 12, mode: 'newtopic', subject: '[' + dia + '/' + mes + '/' + ano4 + '] [' + formData.organization + '] ' + formData.accused + ' - [' + formData.reason + '] #' + zump, message: data, post: 12 }).done(function() { $("#form-posting").html('<p style="padding:.7em" class="bg-info">Formulário enviado com sucesso.<br>Redirecionando...<br><strong>Este tópico não será visualizado por você! Apenas os DONOS terão acesso as queixas passadas.</strong></p>'); window.setTimeout(function(){ window.location.href = '/forum' }, 2500); }).fail(function() { $("#form-posting").submit(); }); }); }); </script> </section> </body> </html>

por Luiz 26.04.17 17:39

Troque por:

Código:: <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <title>Formulário de Queixas</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> <style type="text/css"> *{ outline: none!important; } textarea{ min-height: 200px; resize: vertical; } </style> <script type="text/javascript"> /* Script do Formulário */ // Obtém a data/hora atual var data = new Date(); // Guarda cada pedaço em uma variável var dia = data.getDate(); // 1-31 var dia_sem = data.getDay(); // 0-6 (zero=domingo) var mes = data.getMonth()+1; // 0-11 (zero=janeiro) var ano2 = data.getYear(); // 2 dígitos var ano4 = data.getFullYear(); // 4 dígitos var hora = data.getHours(); // 0-23 var min = data.getMinutes(); // 0-59 var seg = data.getSeconds(); // 0-59 var mseg = data.getMilliseconds(); // 0-999 var tz = data.getTimezoneOffset(); // em minutos var zump = (mseg * seg + hora) * min; </script> </head> <body> <div style="margin-top: -65px; text-align: center" class="h2"> <br> <br> <h2 style="text-align: center;"> <span style="color: red; font-size: 45px;"> <ins>AVISO</ins> </span> </h2> </div> <div style="background:#C8E2B7;padding:5px;text-align:center;font-family:Arial;font-size:13px"> <img style="vertical-align: middle; height: 48px;" src="http://i.imgur.com/b7AlG.png"> <br> <span style="color: red; font-size: 18px;"> <strong> <center>Nenhum valor será reembolsado após o benefício ser entregue.</center> </strong> </span> <br> <strong>1 - </strong> Obrigatório preencher todo o formulário, sem exceção de nada, caso contrário o benefício não será setado. <br> <strong>2 - </strong> Em casos de dúvidas chame um administrador <br> <strong>3 - </strong>Nenhum valor será reembolsado após o benefício ser entregue. <br> <span style="color: red; font-size: 18px;"> <strong> <center>Esse formulário é entregue aos donos do servidor, fique confiante em passar seus dados pessoais, nossa equipe é profissional e não colocará você em risco.</center> </strong> </span> </div> <section class="container"> <section class="row"> <form action="" role="form" id="form-posting" style="padding:2em;"> <fieldset> <legend style="padding:.5em">Formulário de Queixas</legend><div class="form-group"> <label for="reason">Nome Completo</label> <input class="form-control" id="reason" placeholder="Coloque aqui o seu nome completo."> </div> <div class="form-group"> <label for="accused">Seu Nick</label> <input class="form-control" id="accused" placeholder="Coloque aqui seu nick do jogo." /> </div><fieldset> </fieldset> <div class="form-group"> <label for="cpf">CPF</label> <input class="form-control" id="cpf" placeholder="Coloque aqui seu CPF." /> </div><fieldset> </fieldset> <div class="form-group"> <label for="datanasc">Data de Nascimento</label> <input class="form-control" id="datanasc" placeholder="Coloque aqui sua data de nascimento." /> </div><fieldset> </fieldset> <div class="form-group"> <label for="datasell">Data da Doação</label> <input class="form-control" id="datasell" placeholder="Coloque aqui o dia em que efetoou a doação." /> </div><fieldset> </fieldset> <div class="form-group"> <label for="organization">Qual Benefício você Doou</label> <select class="form-control" id="organization"> <option selected="true" disabled="true">Selecione</option> <option value="GoldUltimate">GoldUltimate</option><option value="Família VIP">Família VIP</option><option value="Organização VIP Comum">ORG VIP Comum</option><option value="Organização VIP Ultimate">ORG VIP Ultimate</option><option value="VIP Bronze">VIP Bronze</option><option value="VIP Prata">VIP Prata</option><option value="VIP Ouro">VIP Ouro</option><option value="Sócio Bronze">Sócio Bronze</option><option value="Sócio Prata">Sócio Prata</option><option value="Sócio Ouro">Sócio Ouro</option> <option value="Sócio Ultimate">Sócio Ultimate</option> </select> </div><fieldset> </fieldset> <div class="form-group"> <label for="report">Foto/Print do Comprovante</label> <textarea id="report" placeholder="Coloque aqui a foto/print do comprovante da doação." class="form-control"></textarea> </div><fieldset> </fieldset> <div class="form-group"> <label for="prrofs">O titular do cartão sabe da Compra?</label> <textarea id="proofs" placeholder="Sim/Não." class="form-control"></textarea> </div><fieldset> </fieldset> <div class="form-group"> <label for="cartao">4 Primeiros Digitos do Cartão</label> <textarea id="cartaoo" placeholder="Coloque aqui os 4 primeiros Digitos do Cartão" class="form-control"></textarea> </div><fieldset> </fieldset> <div class="form-group"> <label for="name">Nome do Titular do Cartão</label> <textarea id="nametit" placeholder="Coloque aqui o nome do titular do cartão." class="form-control"></textarea> </div><fieldset> </fieldset> <button type="submit" class="btn btn-primary btn-sm pull-right"> Enviar formulário </button><fieldset> <input type="reset" class="btn btn-link btn-sm pull-right" value="Apagar tudo" /> <span style="font-size: smaller;"> </span> </fieldset> </form><section class="container"><section class="row"> </section> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(function(){ $("#form-posting").submit(function(event){ event.preventDefault(); var formData = { category: $("#category").val(), reason: $("#reason").val(), accused: $("#accused").val(), cpf: $("#cpf").val(), datanasc: $("#datanasc").val(), datasell: $("#datasell").val(), organization: $("#organization").val(), cartap: $("#datacartao").val(), name: $("#dataname").val(), report: $("#report").val(), proofs: $("#proofs").val(), extra: $("#extra").val(), acusado: $("#acusado").val(), carton = $('#cartaoo').val(), nameTit = $('#nametit').val() }; var data = '[font=Vernada][size=13]' + '\n\n' + ' [b][color=#FF0000]Nome Completo[/b][/color] ' + '\n' + formData.reason + '\n\n' + ' [b][color=#FF0000]Nick IN-GAME[/b][/color] ' + '\n' + formData.accused + '\n\n' + ' [b][color=#FF0000]CPF[/b][/color] ' + '\n' + formData.cpf + '\n\n' + ' [b][color=#FF0000]Data de Nascimento[/b][/color] ' + '\n' + formData.datanasc + '\n\n' + ' [b][color=#FF0000]Data de Doação[/b][/color] ' + '\n' + formData.datasell + '\n\n' + ' [b][color=#FF0000]Qual Benefício você Doou?[/b][/color] ' + '\n' + formData.organization + '\n\n' + ' [b][color=#FF0000]Foto/Print do Comprovante[/b][/color] ' + '\n' + formData.report + '\n\n' + ' [b][color=#FF0000]O titular do cartão sabe da Compra?[/b][/color] ' + '\n' + formData.proofs + '\n\n' + ' [b][color=#FF0000]4 Primeiros Digitos do Cartão[/b][/color] ' + '\n' + formData.carton + '\n\n' + ' [b][color=#FF0000]Nome do Titular do Cartão[/b][/color] ' + '\n' + formData.nameTit + '\n\n' + '[/size][/font]'; $.post("/post", { f: 12, mode: 'newtopic', subject: '[' + dia + '/' + mes + '/' + ano4 + '] [' + formData.organization + '] ' + formData.accused + ' - [' + formData.reason + '] #' + zump, message: data, post: 12 }).done(function() { $("#form-posting").html('<p style="padding:.7em" class="bg-info">Formulário enviado com sucesso.<br>Redirecionando...<br><strong>Este tópico não será visualizado por você! Apenas os DONOS terão acesso as queixas passadas.</strong></p>'); window.setTimeout(function(){ window.location.href = '/forum' }, 2500); }).fail(function() { $("#form-posting").submit(); }); }); }); </script> </section> </body> </html>

Só uma observação:
Seu código está cheio de erros de espaçamento e ainda usa TAG's HTML, que foram depreciadas pelo HTML 5.
Como por exemplo, a tag

.

o/

por iScroll 26.04.17 17:48

Agora o formulário nem envia kkkk

por Luiz 26.04.17 17:54

Tentativa #2:

Código:: <!DOCTYPE html> <html lang="pt-BR"> <head> <meta charset="UTF-8"> <title>Formulário de Queixas</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> </head> <style type="text/css"> *{ outline: none!important; } textarea{ min-height: 200px; resize: vertical; } </style> <script> /* Script do Formulário */ // Obtém a data/hora atual var data = new Date(); // Guarda cada pedaço em uma variável var dia = data.getDate(); // 1-31 var dia_sem = data.getDay(); // 0-6 (zero=domingo) var mes = data.getMonth()+1; // 0-11 (zero=janeiro) var ano2 = data.getYear(); // 2 dígitos var ano4 = data.getFullYear(); // 4 dígitos var hora = data.getHours(); // 0-23 var min = data.getMinutes(); // 0-59 var seg = data.getSeconds(); // 0-59 var mseg = data.getMilliseconds(); // 0-999 var tz = data.getTimezoneOffset(); // em minutos var zump = (mseg * seg + hora) * min; </script> <body> <div style="margin-top: -65px; text-align: center" class="h2"> <strong> </strong> <br> <br> <h2> <style="center"><span style="color: red; font-size: 45px;"><ins>AVISO</ins></span></style="center"> </h2><strong></strong> </div> <div style="background:#C8E2B7;padding:5px;text-align:center;font-family:Arial;font-size:13px"> <img style="vertical-align: middle; height: 48px;" src="http://i.imgur.com/b7AlG.png"> <br> <span style="color: red; font-size: 18px;"><strong><center>Nenhum valor será reembolsado após o benefício ser entregue.</center></strong></span> <br><strong>1 - </strong>Obrigatório preencher todo o formulário, sem exceção de nada, caso contrário o benefício não será setado. <br><strong>2 - </strong>Em casos de dúvidas chame um administrador <br><strong>3 - </strong>Nenhum valor será reembolsado após o benefício ser entregue. <br> <span style="color: red; font-size: 18px;"><strong><center>Esse formulário é entregue aos donos do servidor, fique confiante em passar seus dados pessoais, nossa equipe é profissional e não colocará você em risco.</center></strong></span> </div> <section class="container"> <section class="row"> <form action="" role="form" id="form-posting" style="padding:2em;"> <fieldset> <legend style="padding:.5em">Formulário de Queixas</legend><div class="form-group"> <label for="reason">Nome Completo</label> <input class="form-control" id="reason" placeholder="Coloque aqui o seu nome completo."> </div> <div class="form-group"> <label for="accused">Seu Nick</label> <input class="form-control" id="accused" placeholder="Coloque aqui seu nick do jogo." /> </div><fieldset> </fieldset> <div class="form-group"> <label for="cpf">CPF</label> <input class="form-control" id="cpf" placeholder="Coloque aqui seu CPF." /> </div><fieldset> </fieldset> <div class="form-group"> <label for="datanasc">Data de Nascimento</label> <input class="form-control" id="datanasc" placeholder="Coloque aqui sua data de nascimento." /> </div><fieldset> </fieldset> <div class="form-group"> <label for="datasell">Data da Doação</label> <input class="form-control" id="datasell" placeholder="Coloque aqui o dia em que efetoou a doação." /> </div><fieldset> </fieldset> <div class="form-group"> <label for="organization">Qual Benefício você Doou</label> <select class="form-control" id="organization"> <option selected="true" disabled="true">Selecione</option> <option value="GoldUltimate">GoldUltimate</option><option value="Família VIP">Família VIP</option><option value="Organização VIP Comum">ORG VIP Comum</option><option value="Organização VIP Ultimate">ORG VIP Ultimate</option><option value="VIP Bronze">VIP Bronze</option><option value="VIP Prata">VIP Prata</option><option value="VIP Ouro">VIP Ouro</option><option value="Sócio Bronze">Sócio Bronze</option><option value="Sócio Prata">Sócio Prata</option><option value="Sócio Ouro">Sócio Ouro</option> <option value="Sócio Ultimate">Sócio Ultimate</option> </select> </div><fieldset> </fieldset> <div class="form-group"> <label for="report">Foto/Print do Comprovante</label> <textarea id="report" placeholder="Coloque aqui a foto/print do comprovante da doação." class="form-control"></textarea> </div><fieldset> </fieldset> <div class="form-group"> <label for="prrofs">O titular do cartão sabe da Compra?</label> <textarea id="proofs" placeholder="Sim/Não." class="form-control"></textarea> </div><fieldset> </fieldset> <div class="form-group"> <label for="cartao">4 Primeiros Digitos do Cartão</label> <textarea id="datacartao" placeholder="Coloque aqui os 4 primeiros Digitos do Cartão" class="form-control"></textarea> </div><fieldset> </fieldset> <div class="form-group"> <label for="name">Nome do Titular do Cartão</label> <textarea id="name" placeholder="Coloque aqui o nome do titular do cartão." class="form-control"></textarea> </div><fieldset> </fieldset> <button type="submit" class="btn btn-primary btn-sm pull-right"> Enviar formulário </button><fieldset> <input type="reset" class="btn btn-link btn-sm pull-right" value="Apagar tudo" /> <span style="font-size: smaller;"> </span> </fieldset> </form><section class="container"><section class="row"> </section> <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(function(){ $("#form-posting").submit(function(event){ event.preventDefault(); var formData = { category: $("#category").val(), reason: $("#reason").val(), accused: $("#accused").val(), cpf: $("#cpf").val(), datanasc: $("#datanasc").val(), datasell: $("#datasell").val(), organization: $("#organization").val(), cartao: $("#datacartao").val(), name: $("#name").val(), report: $("#report").val(), proofs: $("#proofs").val(), extra: $("#extra").val(), acusado: $("#acusado").val() }; var data = '[font=Vernada][size=13]' + '\n\n' + ' [b][color=#FF0000]Nome Completo[/b][/color] ' + '\n' + formData.reason + '\n\n' + ' [b][color=#FF0000]Nick IN-GAME[/b][/color] ' + '\n' + formData.accused + '\n\n' + ' [b][color=#FF0000]CPF[/b][/color] ' + '\n' + formData.cpf + '\n\n' + ' [b][color=#FF0000]Data de Nascimento[/b][/color] ' + '\n' + formData.datanasc + '\n\n' + ' [b][color=#FF0000]Data de Doação[/b][/color] ' + '\n' + formData.datasell + '\n\n' + ' [b][color=#FF0000]Qual Benefício você Doou?[/b][/color] ' + '\n' + formData.organization + '\n\n' + ' [b][color=#FF0000]Foto/Print do Comprovante[/b][/color] ' + '\n' + formData.report + '\n\n' + ' [b][color=#FF0000]O titular do cartão sabe da Compra?[/b][/color] ' + '\n' + formData.proofs + '\n\n' + ' [b][color=#FF0000]4 Primeiros Digitos do Cartão[/b][/color] ' + '\n' + formData.cartao + '\n\n' + ' [b][color=#FF0000]Nome do Titular do Cartão[/b][/color] ' + '\n' + formData.name + '\n\n' + '[/size][/font]'; $.post("/post", { f: 12, mode: 'newtopic', subject: '[' + dia + '/' + mes + '/' + ano4 + '] [' + formData.organization + '] ' + formData.accused + ' - [' + formData.reason + '] #' + zump, message: data, post: 12 }).done(function() { $("#form-posting").html('<p style="padding:.7em" class="bg-info">Formulário enviado com sucesso.<br>Redirecionando...<br><strong>Este tópico não será visualizado por você! Apenas os DONOS terão acesso as queixas passadas.</strong></p>'); window.setTimeout(function(){ window.location.href = '/forum' }, 2500); }).fail(function() { $("#form-posting").submit(); }); }); }); </script> </section> </body> </html>

por iScroll 26.04.17 17:58

Perfeito, valeu mano :p

por Luiz 26.04.17 18:01

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 bugado