Campo requerido sendo enviado vazio, mesmo preenchido!

2 participantes

Ir para baixo

Tópico resolvido Campo requerido sendo enviado vazio, mesmo preenchido!

Mensagem por JR_Junior 08.10.17 16:02

Detalhes da questão


Endereço do fórum: http://darkstreetrpg.forumeiros.com
Versão do fórum: phpBB2

Descrição


Olá, novamente!

Criei um formulário de postagem com campos requeridos(obrigatórios).
Se eu tentar enviar sem preencher não vai, porém, nessa hora é que acontece o bug:

Se eu preencher tudo de primeira vai normalmente, mas seu eu deixar um campo sem digitar e tentar enviar, vai pedir pra preencher, eu preencho e envio, mas na postagem não aparece nada, como se estivesse vazio o campo.

Código do formulário:
Código:

<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Revisão de Banimento</title>

  <style type="text/css">
  #logo > img {
    max-width: 100%;
  }
    *,
    *::before,
    *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
     
    }

    /*html,
    body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }*/

    #fa-generated-form {
      width: 60%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h4 {
      font-size: 23px;
    /*color: #3072ab;*/
    color: #666666;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
    /*border-left: solid 3px #ddd;*/
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    #fa-generated-form h1 {
      font-size: 30px;
      display: block;
      text-align: center;
      margin: 15px 0px;
      color: #ffffff;
      text-transform: uppercase;
    /*background-color: #3072ab;*/
    background-color: #666666;
      margin-top: 0px;
      font-weight: normal;
    }

    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      resize: none;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
      text-align: center;
    }

    .fa-submit button {
      padding: 10px 20px;
    /*background-color: #3072ab;*/
      background-color: #666666;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
    /*background-color: #2a6192;*/
    background-color: #a19f9f;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>Revisão de Banimento</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
        <h4 class="form-subtitle data-text"><center>FORMULÁRIO DE POSTAGEM</center></h4>



</div>
<div class="fa-form-group clearfix" style="-webkit-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -moz-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -ms-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -o-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); box-shadow: inset 0 0 30px -9px rgb(0, 0, 0);">
  <p class="form-paragraph data-text"><center><b><span style="color: #cc0000; font-size: small;">Preencha os campos adequadamente, do contrário,</span><br />
<span style="color: #cc0000; font-size: small;">seu pedido será rejeitado e você poderá ser punido(a)!</span></b></center></p>

</div><div class="fa-form-group clearfix">
      <br>
        <label for="campo2"><b>Administrador que Baniu:</b></label>
  <input data-type="text" id="campo2" placeholder="" required="" type="text" maxlength="20">



</div>

<div class="fa-form-group clearfix">
  <label for="campo6"><b>Motivo do Banimento:</b></label>
  <select data-type="select" id="campo6" required="">
<!-- First -->
<option value="Cheats / Hacks / Mods">Cheats / Hacks / Mods</option>
<option value="Divulgação">Divulgação</option>
<option value="3/3 Avisos">3/3 Avisos</option>
<option value="Ofensa">Ofensa</option>
<option value="Anti-RPG">Anti-RPG</option>
<option value="Desconhecido">Desconhecido</option>
</select>



</div><div class="fa-form-group clearfix">
        <label for="campo4"><b>Seu nome no servidor:</b></label>
  <input data-type="text" id="campo4" placeholder="" required="" type="text" maxlength="20">



</div>
<div class="fa-form-group clearfix">
  <label for="campo5"><b>Relate o ocorrido e justifique-se:</b></label>
  <textarea data-type="textarea" id="campo5" placeholder="" required="" maxlength="500"></textarea>



</div>

<div class="fa-form-group clearfix">
  <label for="campo7"><b>Vídeos ou Screenshots do ocorrido</b>:</label>
  <textarea data-type="textarea" id="campo7" placeholder="" maxlength="500">Sem imagens ou vídeos.</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">[center][b]Administrador que Baniu[/b]
{{campo2}}

[b]Motivo do Banimento[/b]
{{campo6}}

[b]Conta Banida[/b]
{{campo4}}

 [b]Relatório do ocorrido e justificação[/b]
{{campo5}}
   
[b]Vídeos ou Screenshots[/b]
{{campo7}}[/center]</textarea>
  <input type="hidden" id="fa-generated-title" value="Revisão de Ban - {{campo4}} | Motivo: {{campo6}}" />

  <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('Enviando...');
        setTimeout(function () {
               $.post('/post', {
                  subject: $('#fa-generated-title').val().trim(),
                  f: 4,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
               }).done(function () {
    /*alert('Formulário enviado e postado com sucesso!\nVocê será redirecionado para o subfórum com o novo tópico...');*/
    alert('Formulário enviado e postado com sucesso! Obrigado!');
                  location.pathname = '/f4-';
               }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
               });
        }, 600);
          });
       });
    }(jQuery));
  </script>
</body>
</html>
JR_Junior
JR_Junior
*

Membro desde : 10/05/2012
Mensagens : 46
Pontos : 74

http://darkstreet-server.livreforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Campo requerido sendo enviado vazio, mesmo preenchido!

Mensagem por Luiz 08.10.17 16:13

Tente trocar por este:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Revisão de Banimento</title>

  <style type="text/css">
  #logo > img {
    max-width: 100%;
  }
    *,
    *::before,
    *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
     
    }

    /*html,
    body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }*/

    #fa-generated-form {
      width: 60%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h4 {
      font-size: 23px;
    /*color: #3072ab;*/
    color: #666666;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
    /*border-left: solid 3px #ddd;*/
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    #fa-generated-form h1 {
      font-size: 30px;
      display: block;
      text-align: center;
      margin: 15px 0px;
      color: #ffffff;
      text-transform: uppercase;
    /*background-color: #3072ab;*/
    background-color: #666666;
      margin-top: 0px;
      font-weight: normal;
    }

    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      resize: none;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
      text-align: center;
    }

    .fa-submit button {
      padding: 10px 20px;
    /*background-color: #3072ab;*/
      background-color: #666666;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
    /*background-color: #2a6192;*/
    background-color: #a19f9f;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>Revisão de Banimento</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
        <h4 class="form-subtitle data-text"><center>FORMULÁRIO DE POSTAGEM</center></h4>



</div>
<div class="fa-form-group clearfix" style="-webkit-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -moz-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -ms-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -o-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); box-shadow: inset 0 0 30px -9px rgb(0, 0, 0);">
  <p class="form-paragraph data-text"><center><b><span style="color: #cc0000; font-size: small;">Preencha os campos adequadamente, do contrário,</span><br />
<span style="color: #cc0000; font-size: small;">seu pedido será rejeitado e você poderá ser punido(a)!</span></b></center></p>

</div><div class="fa-form-group clearfix">
      <br>
        <label for="campo2"><b>Administrador que Baniu:</b></label>
  <input data-type="text" id="campo2" placeholder="" required="" type="text" maxlength="20">



</div>

<div class="fa-form-group clearfix">
  <label for="campo6"><b>Motivo do Banimento:</b></label>
  <select data-type="select" id="campo6" required="">
<!-- First -->
<option value="Cheats / Hacks / Mods">Cheats / Hacks / Mods</option>
<option value="Divulgação">Divulgação</option>
<option value="3/3 Avisos">3/3 Avisos</option>
<option value="Ofensa">Ofensa</option>
<option value="Anti-RPG">Anti-RPG</option>
<option value="Desconhecido">Desconhecido</option>
</select>



</div><div class="fa-form-group clearfix">
        <label for="campo4"><b>Seu nome no servidor:</b></label>
  <input data-type="text" id="campo4" placeholder="" required="" type="text" maxlength="20">



</div>
<div class="fa-form-group clearfix">
  <label for="campo5"><b>Relate o ocorrido e justifique-se:</b></label>
  <textarea data-type="textarea" id="campo5" placeholder="" required="" maxlength="500"></textarea>



</div>

<div class="fa-form-group clearfix">
  <label for="campo7"><b>Vídeos ou Screenshots do ocorrido</b>:</label>
  <textarea data-type="textarea" id="campo7" placeholder="" maxlength="500">Sem imagens ou vídeos.</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">[center][b]Administrador que Baniu[/b]
{{campo2}}

[b]Motivo do Banimento[/b]
{{campo6}}

[b]Conta Banida[/b]
{{campo4}}

 [b]Relatório do ocorrido e justificação[/b]
{{campo5}}
   
[b]Vídeos ou Screenshots[/b]
{{campo7}}[/center]</textarea>
  <input type="hidden" id="fa-generated-title" value="Revisão de Ban - {{campo4}} | Motivo: {{campo6}}" />

  <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) {

            if ($(this).find('[required]').val().length === 0) {
              return false;
            }
           
        event.preventDefault();
        $(this).find('button[type="submit"]').text('Enviando...');
        setTimeout(function () {
              $.post('/post', {
                  subject: $('#fa-generated-title').val().trim(),
                  f: 4,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
    /*alert('Formulário enviado e postado com sucesso!\nVocê será redirecionado para o subfórum com o novo tópico...');*/
    alert('Formulário enviado e postado com sucesso! Obrigado!');
                  location.pathname = '/f4-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Campo requerido sendo enviado vazio, mesmo preenchido!

Mensagem por JR_Junior 08.10.17 16:26

Luiz escreveu:Tente trocar por este:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Revisão de Banimento</title>

  <style type="text/css">
  #logo > img {
    max-width: 100%;
  }
    *,
    *::before,
    *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
     
    }

    /*html,
    body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }*/

    #fa-generated-form {
      width: 60%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h4 {
      font-size: 23px;
    /*color: #3072ab;*/
    color: #666666;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
    /*border-left: solid 3px #ddd;*/
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    #fa-generated-form h1 {
      font-size: 30px;
      display: block;
      text-align: center;
      margin: 15px 0px;
      color: #ffffff;
      text-transform: uppercase;
    /*background-color: #3072ab;*/
    background-color: #666666;
      margin-top: 0px;
      font-weight: normal;
    }

    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      resize: none;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
      text-align: center;
    }

    .fa-submit button {
      padding: 10px 20px;
    /*background-color: #3072ab;*/
      background-color: #666666;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
    /*background-color: #2a6192;*/
    background-color: #a19f9f;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>Revisão de Banimento</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
        <h4 class="form-subtitle data-text"><center>FORMULÁRIO DE POSTAGEM</center></h4>



</div>
<div class="fa-form-group clearfix" style="-webkit-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -moz-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -ms-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -o-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); box-shadow: inset 0 0 30px -9px rgb(0, 0, 0);">
  <p class="form-paragraph data-text"><center><b><span style="color: #cc0000; font-size: small;">Preencha os campos adequadamente, do contrário,</span><br />
<span style="color: #cc0000; font-size: small;">seu pedido será rejeitado e você poderá ser punido(a)!</span></b></center></p>

</div><div class="fa-form-group clearfix">
      <br>
        <label for="campo2"><b>Administrador que Baniu:</b></label>
  <input data-type="text" id="campo2" placeholder="" required="" type="text" maxlength="20">



</div>

<div class="fa-form-group clearfix">
  <label for="campo6"><b>Motivo do Banimento:</b></label>
  <select data-type="select" id="campo6" required="">
<!-- First -->
<option value="Cheats / Hacks / Mods">Cheats / Hacks / Mods</option>
<option value="Divulgação">Divulgação</option>
<option value="3/3 Avisos">3/3 Avisos</option>
<option value="Ofensa">Ofensa</option>
<option value="Anti-RPG">Anti-RPG</option>
<option value="Desconhecido">Desconhecido</option>
</select>



</div><div class="fa-form-group clearfix">
        <label for="campo4"><b>Seu nome no servidor:</b></label>
  <input data-type="text" id="campo4" placeholder="" required="" type="text" maxlength="20">



</div>
<div class="fa-form-group clearfix">
  <label for="campo5"><b>Relate o ocorrido e justifique-se:</b></label>
  <textarea data-type="textarea" id="campo5" placeholder="" required="" maxlength="500"></textarea>



</div>

<div class="fa-form-group clearfix">
  <label for="campo7"><b>Vídeos ou Screenshots do ocorrido</b>:</label>
  <textarea data-type="textarea" id="campo7" placeholder="" maxlength="500">Sem imagens ou vídeos.</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">[center][b]Administrador que Baniu[/b]
{{campo2}}

[b]Motivo do Banimento[/b]
{{campo6}}

[b]Conta Banida[/b]
{{campo4}}

 [b]Relatório do ocorrido e justificação[/b]
{{campo5}}
   
[b]Vídeos ou Screenshots[/b]
{{campo7}}[/center]</textarea>
  <input type="hidden" id="fa-generated-title" value="Revisão de Ban - {{campo4}} | Motivo: {{campo6}}" />

  <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) {

            if ($(this).find('[required]').val().length === 0) {
              return false;
            }
           
        event.preventDefault();
        $(this).find('button[type="submit"]').text('Enviando...');
        setTimeout(function () {
              $.post('/post', {
                  subject: $('#fa-generated-title').val().trim(),
                  f: 4,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
    /*alert('Formulário enviado e postado com sucesso!\nVocê será redirecionado para o subfórum com o novo tópico...');*/
    alert('Formulário enviado e postado com sucesso! Obrigado!');
                  location.pathname = '/f4-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>

o/

Continua indo vazio o campo!
Não entendo, depois que pede pra preencher eu preencho, envia normal, mas na postagem sai vazio, como se o campo estivesse vazio mesmo!

OBS: Só acontece se eu tentar enviar com o campo vazio a primeira vez!
JR_Junior
JR_Junior
*

Membro desde : 10/05/2012
Mensagens : 46
Pontos : 74

http://darkstreet-server.livreforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Campo requerido sendo enviado vazio, mesmo preenchido!

Mensagem por Luiz 08.10.17 16:32

Agora deve dar:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Revisão de Banimento</title>

  <style type="text/css">
  #logo > img {
    max-width: 100%;
  }
    *,
    *::before,
    *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
     
    }

    /*html,
    body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }*/

    #fa-generated-form {
      width: 60%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h4 {
      font-size: 23px;
    /*color: #3072ab;*/
    color: #666666;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
    /*border-left: solid 3px #ddd;*/
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    #fa-generated-form h1 {
      font-size: 30px;
      display: block;
      text-align: center;
      margin: 15px 0px;
      color: #ffffff;
      text-transform: uppercase;
    /*background-color: #3072ab;*/
    background-color: #666666;
      margin-top: 0px;
      font-weight: normal;
    }

    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      resize: none;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
      text-align: center;
    }

    .fa-submit button {
      padding: 10px 20px;
    /*background-color: #3072ab;*/
      background-color: #666666;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
    /*background-color: #2a6192;*/
    background-color: #a19f9f;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>Revisão de Banimento</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
        <h4 class="form-subtitle data-text"><center>FORMULÁRIO DE POSTAGEM</center></h4>



</div>
<div class="fa-form-group clearfix" style="-webkit-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -moz-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -ms-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -o-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); box-shadow: inset 0 0 30px -9px rgb(0, 0, 0);">
  <p class="form-paragraph data-text"><center><b><span style="color: #cc0000; font-size: small;">Preencha os campos adequadamente, do contrário,</span><br />
<span style="color: #cc0000; font-size: small;">seu pedido será rejeitado e você poderá ser punido(a)!</span></b></center></p>

</div><div class="fa-form-group clearfix">
      <br>
        <label for="campo2"><b>Administrador que Baniu:</b></label>
  <input data-type="text" id="campo2" placeholder="" required="" type="text" maxlength="20">



</div>

<div class="fa-form-group clearfix">
  <label for="campo6"><b>Motivo do Banimento:</b></label>
  <select data-type="select" id="campo6" required="">
<!-- First -->
<option value="Cheats / Hacks / Mods">Cheats / Hacks / Mods</option>
<option value="Divulgação">Divulgação</option>
<option value="3/3 Avisos">3/3 Avisos</option>
<option value="Ofensa">Ofensa</option>
<option value="Anti-RPG">Anti-RPG</option>
<option value="Desconhecido">Desconhecido</option>
</select>



</div><div class="fa-form-group clearfix">
        <label for="campo4"><b>Seu nome no servidor:</b></label>
  <input data-type="text" id="campo4" placeholder="" required="" type="text" maxlength="20">



</div>
<div class="fa-form-group clearfix">
  <label for="campo5"><b>Relate o ocorrido e justifique-se:</b></label>
  <textarea data-type="textarea" id="campo5" placeholder="" required="" maxlength="500"></textarea>



</div>

<div class="fa-form-group clearfix">
  <label for="campo7"><b>Vídeos ou Screenshots do ocorrido</b>:</label>
  <textarea data-type="textarea" id="campo7" placeholder="" maxlength="500">Sem imagens ou vídeos.</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">[center][b]Administrador que Baniu[/b]
{{campo2}}

[b]Motivo do Banimento[/b]
{{campo6}}

[b]Conta Banida[/b]
{{campo4}}

 [b]Relatório do ocorrido e justificação[/b]
{{campo5}}
   
[b]Vídeos ou Screenshots[/b]
{{campo7}}[/center]</textarea>
  <input type="hidden" id="fa-generated-title" value="Revisão de Ban - {{campo4}} | Motivo: {{campo6}}" />

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script>
  /*
  * @author Luiz~
  */
  (function($) {
    'use strict';
 
    $(function() {
      var $textarea = $('#fa-generated-message');
      var $title = $('#fa-generated-title');
      var $form = $('#fa-generated-form');
 
      $form.on('submit', function(event) {
       
        if ($textarea.length === 0) {
          event.preventDefault();
          alert('Tente novamente!');
          return false;
        }
 
        $textarea.val($textarea.val().replace(/\{\{campo(\d+)\}\}/gi, function(text, match) {
          return $('#campo' + match).val();
        }));
 
        if ($title.length === 0) {
          return;
        }
       
        $title.val($title.val().replace(/\{\{campo(\d+)\}\}/gi, function(text, match) {
          return $('#campo' + match).val();
        }));
      });
    });
  }(jQuery));
  </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('Enviando...');
        setTimeout(function () {
              $.post('/post', {
                  subject: $('#fa-generated-title').val().trim(),
                  f: 4,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
    /*alert('Formulário enviado e postado com sucesso!\nVocê será redirecionado para o subfórum com o novo tópico...');*/
    alert('Formulário enviado e postado com sucesso! Obrigado!');
                  location.pathname = '/f4-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>

o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Campo requerido sendo enviado vazio, mesmo preenchido!

Mensagem por JR_Junior 08.10.17 16:40

Luiz escreveu:Agora deve dar:
Código:
<!DOCTYPE html>
<html>
<!-- ->
/*
 * Gerado em <ajuda.forumeiros.com>.
 * Gerador (2.0) feito por Luiz (http://ajuda.forumeiros.com/u60563)
 */
<- -->
<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>Revisão de Banimento</title>

  <style type="text/css">
  #logo > img {
    max-width: 100%;
  }
    *,
    *::before,
    *::after {
      padding: 0px;
      margin: 0px;
      box-sizing: border-box;
     
    }

    /*html,
    body {
      height: 100%;
    }

    body {
      font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
      font-size: 14px;
      line-height: 1.5;
      color: #24292e;
      background-color: #fff;
    }*/

    #fa-generated-form {
      width: 60%;
      margin: 0 auto;
      background-color: #fff;
      border: solid 1px #ddd;
      border-radius: 0 0 3px 3px;
    }

    .fa-form-wrapper {
      width: 100%;
    }

    .fa-form-group {
      display: block;
      width: 100%;
      padding: 0px 20px;
    }
   
    .fa-form-group *:last-child {
      margin-bottom: 7px;
    }
   
    .fa-form-group h4 {
      font-size: 23px;
    /*color: #3072ab;*/
    color: #666666;
    }
   
    .fa-form-group p {
      font-size: 16.4px;
    /*border-left: solid 3px #ddd;*/
      margin-left: -20px;
      padding-left: 17px;
      padding-top: 2px;
      padding-bottom: 2px;
    }
   
    #fa-generated-form h1 {
      font-size: 30px;
      display: block;
      text-align: center;
      margin: 15px 0px;
      color: #ffffff;
      text-transform: uppercase;
    /*background-color: #3072ab;*/
    background-color: #666666;
      margin-top: 0px;
      font-weight: normal;
    }

    .fa-form-group label {
      display: block;
      font-size: 16px;
      margin-bottom: 5px;
    }

    .fa-form-group input,
    .fa-form-group textarea,
    .fa-form-group select {
      display: block;
      resize: none;
      width: 100%;
      padding: .5rem .75rem;
      font-size: 1rem;
      line-height: 1.25;
      color: #464a4c;
      background-color: #fff;
      background-image: none;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      border: 1px solid rgba(0,0,0,.15);
      border-radius: .25rem;
      -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
      -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
      transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    }

    .fa-form-group input:focus,
    .fa-form-group textarea:focus,
    .fa-form-group select:focus {
      color: #464a4c;
      background-color: #fff;
      border-color: #5cb3fd;
      outline: 0;
    }

    .fa-form-group select[multiple] {
      padding-right: 0px;
    }

    .fa-submit {
      display: block;
      width: 100%;
      padding: 20px;
      text-align: center;
    }

    .fa-submit button {
      padding: 10px 20px;
    /*background-color: #3072ab;*/
      background-color: #666666;
      color: #fff;
      font-size: 14px;
      border: none;
      border-radius: 3px;
    }

    .fa-submit button:hover {
    /*background-color: #2a6192;*/
    background-color: #a19f9f;
    }

    [class*="conteneur"] form#fa-generated-form {
      border-top: solid 1px #ddd;
      margin-top: 20px;
      border-radius: 3px!important;
    }

    @media (max-width: 700px) {
      #fa-generated-form {
      width: 100%;
      border: none;
      }
    }
  </style>
</head>
<body>

  <form id="fa-generated-form">
    <div class="fa-form-wrapper">
      <h1>Revisão de Banimento</h1>
      <!-- BEGIN Generated HTML Code -->
      <div class="fa-form-group clearfix">
        <h4 class="form-subtitle data-text"><center>FORMULÁRIO DE POSTAGEM</center></h4>



</div>
<div class="fa-form-group clearfix" style="-webkit-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -moz-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -ms-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); -o-box-shadow: inset 0 0 30px -9px rgb(0, 0, 0); box-shadow: inset 0 0 30px -9px rgb(0, 0, 0);">
  <p class="form-paragraph data-text"><center><b><span style="color: #cc0000; font-size: small;">Preencha os campos adequadamente, do contrário,</span><br />
<span style="color: #cc0000; font-size: small;">seu pedido será rejeitado e você poderá ser punido(a)!</span></b></center></p>

</div><div class="fa-form-group clearfix">
      <br>
        <label for="campo2"><b>Administrador que Baniu:</b></label>
  <input data-type="text" id="campo2" placeholder="" required="" type="text" maxlength="20">



</div>

<div class="fa-form-group clearfix">
  <label for="campo6"><b>Motivo do Banimento:</b></label>
  <select data-type="select" id="campo6" required="">
<!-- First -->
<option value="Cheats / Hacks / Mods">Cheats / Hacks / Mods</option>
<option value="Divulgação">Divulgação</option>
<option value="3/3 Avisos">3/3 Avisos</option>
<option value="Ofensa">Ofensa</option>
<option value="Anti-RPG">Anti-RPG</option>
<option value="Desconhecido">Desconhecido</option>
</select>



</div><div class="fa-form-group clearfix">
        <label for="campo4"><b>Seu nome no servidor:</b></label>
  <input data-type="text" id="campo4" placeholder="" required="" type="text" maxlength="20">



</div>
<div class="fa-form-group clearfix">
  <label for="campo5"><b>Relate o ocorrido e justifique-se:</b></label>
  <textarea data-type="textarea" id="campo5" placeholder="" required="" maxlength="500"></textarea>



</div>

<div class="fa-form-group clearfix">
  <label for="campo7"><b>Vídeos ou Screenshots do ocorrido</b>:</label>
  <textarea data-type="textarea" id="campo7" placeholder="" maxlength="500">Sem imagens ou vídeos.</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">[center][b]Administrador que Baniu[/b]
{{campo2}}

[b]Motivo do Banimento[/b]
{{campo6}}

[b]Conta Banida[/b]
{{campo4}}

 [b]Relatório do ocorrido e justificação[/b]
{{campo5}}
   
[b]Vídeos ou Screenshots[/b]
{{campo7}}[/center]</textarea>
  <input type="hidden" id="fa-generated-title" value="Revisão de Ban - {{campo4}} | Motivo: {{campo6}}" />

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js" type="text/javascript"></script>
  <script>
  /*
  * @author Luiz~
  */
  (function($) {
    'use strict';
 
    $(function() {
      var $textarea = $('#fa-generated-message');
      var $title = $('#fa-generated-title');
      var $form = $('#fa-generated-form');
 
      $form.on('submit', function(event) {
       
        if ($textarea.length === 0) {
          event.preventDefault();
          alert('Tente novamente!');
          return false;
        }
 
        $textarea.val($textarea.val().replace(/\{\{campo(\d+)\}\}/gi, function(text, match) {
          return $('#campo' + match).val();
        }));
 
        if ($title.length === 0) {
          return;
        }
       
        $title.val($title.val().replace(/\{\{campo(\d+)\}\}/gi, function(text, match) {
          return $('#campo' + match).val();
        }));
      });
    });
  }(jQuery));
  </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('Enviando...');
        setTimeout(function () {
              $.post('/post', {
                  subject: $('#fa-generated-title').val().trim(),
                  f: 4,
                  message: $('#fa-generated-message').val().trim(),
                  mode: 'newtopic',
                  tid: $('[name="tid"]:first').val(),
                  post: 1,
              }).done(function () {
    /*alert('Formulário enviado e postado com sucesso!\nVocê será redirecionado para o subfórum com o novo tópico...');*/
    alert('Formulário enviado e postado com sucesso! Obrigado!');
                  location.pathname = '/f4-';
              }).fail(function () {
                  alert('Houve um erro! Tente novamente!');
              });
        }, 600);
          });
      });
    }(jQuery));
  </script>
</body>
</html>

o/

Óh grande mestre... kkkkkk Valeu mais uma vez!

Sugestão: Poderia atualizar o gerador com esses códigos que usou pra solucionar meus problemas com o mesmo! OK
JR_Junior
JR_Junior
*

Membro desde : 10/05/2012
Mensagens : 46
Pontos : 74

http://darkstreet-server.livreforum.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Campo requerido sendo enviado vazio, mesmo preenchido!

Mensagem por Luiz 08.10.17 16:42

Eu irei fazer isso sim. Feliz

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

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos