Ir para conteúdo
roohmcd

Enviar formulário com campos ocultos

Recommended Posts

Galera, seguinte, eu tenho um formulário com dois selects ocultos, eles serão exibidos somente quando eu selecionar uma das opções no select pai, porém toda vez que faço o envio deste ele pega o valor de um select oculto. Tem alguma maneira de fazer com ele só pegue o valor se eu selecionar a opção no select pai ?

 

Este é meu formulário:

 

<form id="createusers" action="<?php echo $_SERVER['PHP_SELF']; ?>" method="POST" class="needs-validation" oninput='userrepassword.setCustomValidity(userrepassword.value != userpassword.value ? "Senhas não conferem." : "")' novalidate>
      <div class="form-group">
        <div class="input-group">
          <div class="input-group-prepend">
            <div class="input-group-text"><i class="fas fa-user-circle"></i></div>
          </div>
          <input id="username" name="username" placeholder="Usuário" type="text" aria-describedby="usernameHelpBlock" required="required" class="form-control">
          <div class="invalid-feedback">Por favor, digite um nome de usuário válido.</div>
        </div>
        <small id="usernameHelpBlock" class="form-text text-muted">Digite um nome de usuário.</small>
      </div>
      <div class="form-group">
        <div class="input-group">
          <div class="input-group-prepend">
            <div class="input-group-text"><i class="fa fa-lock"></i></div>
          </div>
          <input id="userpassword" name="userpassword" placeholder="Senha" type="password" required="required" class="form-control" aria-describedby="userpasswordHelpBlock">
          <div class="invalid-feedback">Por favor, digite uma senha.</div>
        </div>
        <small id="userpasswordHelpBlock" class="form-text text-muted">Digite uma senha para o usuário. Sua senha deve ter no mínimo 6 caracteres.</small>
      </div>
      <div class="form-group">
        <div class="input-group">
          <div class="input-group-prepend">
            <div class="input-group-text"><i class="fa fa-lock"></i></div>
          </div>
          <input id="userrepassword" name="userrepassword" placeholder="Confirme a senha" type="password" required="required" class="form-control" aria-describedby="userrepasswordHelpBlock">
          <div class="invalid-feedback">Por favor, confirme a senha.</div>
        </div>
        <small id="userrepasswordHelpBlock" class="form-text text-muted">Confirme a senha.</small>
      </div>
      <div class="form-group">
        <label>Informe o grupo do usuário</label>
        <select id="usergroup" name="usergroup" class="form-control" required>
          <option value="">-- Selecione uma opção --</option>
          <option value="neg">Negado</option>
          <option value="tot">Total</option>
          <option value="controlado">Controlado</option>
          <option value="restrito">Restrito</option>
          <option value="lib">Liberado</option>
          <option value="noc">No Cache</option>
        </select>
        <div class="invalid-feedback">Por favor, selecione uma opção para informar o grupo do usuário.</div>
        <small id="usergroupHelpBlock" class="form-text text-muted">Selecione um grupo para o usuário.</small>
      </div>
      <div class="form-group">
        <label>Selecione o grupo controlado para o usuário</label>
        <select id="usergroup-controlado" name="usergroup" class="form-control">
          <option value="c01">Controlado 01</option>
          <option value="c02">Controlado 02</option>
          <option value="c03">Controlado 03</option>
        </select>
      </div>
      <div class="form-group">
        <label>Selecione o grupo restrito para o usuário</label>
        <select id="usergroup-restrito" name="usergroup" class="form-control">
          <option value="r01">Restrito 01</option>
          <option value="r02">Restrito 02</option>
          <option value="r03">Restrito 03</option>
          <option value="r04">Restrito 04</option>
          <option value="r05">Restrito 05</option>
          <option value="r06">Restrito 06</option>
          <option value="r07">Restrito 07</option>
          <option value="r08">Restrito 08</option>
          <option value="r09">Restrito 09</option>
        </select>
      </div>
      <div class="form-group">
        <button id="submitcreateuser" name="submitcreateuser" type="submit" class="btn btn-primary">Criar Usuário</button>
      </div>
    </form>

E para ocultar estes selects uso os seguintes scripts:

 

<script type="text/javascript">
(function( $ ){
  $.fn.dependsOn = function(element, value,callback) {
    var elements = this;
    var isContainer = false;
    //add change handler to element
    $(element).change(function(){
      var $this = $(this);
      var showEm = false;
      if ( $this.is('select') ) {
        var fieldValue = $this.find('option:selected').val();
        if ( !value ) {
          showEm = fieldValue && $.trim(fieldValue) != '';
        } else if (typeof(value) === 'string') {
          showEm = value == fieldValue;
        } else if ($.isArray(value)) {
          showEm = ($.inArray(fieldValue, value) !== -1);
        }
      } else if ($this.is('input[type="text"]')){
        var fieldValue = $this.val();
        if ( !value ) {
          showEm = fieldValue && $.trim(fieldValue) != '';
        } else if (typeof(value) === 'string') {
          showEm = value == fieldValue;
        } else if ($.isArray(value)) {
          showEm = ($.inArray(fieldValue, value) !== -1);
        }
      }
      // add containers for input
      else if ($this.hasClass('depends-container')){ 
        isContainer=true;
        var target = $this.find('input[type="text"]');
        var fieldValue = target.val();
        if ( !value ) {
          showEm = fieldValue && $.trim(fieldValue) != '';
        } else if (typeof(value) === 'string') {
          showEm = value == fieldValue;
        } else if ($.isArray(value)) {
          showEm = ($.inArray(fieldValue, value) !== -1);
        }
      }

      if(isContainer){

        elements.each(function(){
          $(this).toggle(showEm);
          if(callback){
            callback();
          }
        });

      }else{
        elements.closest('div').toggle(showEm);
        if(callback){
          callback();
        }
      }

    });

    //hide the dependent fields
    return elements.each(function(){

      var $this= $(this);
      var isContainer= false;
      $(element).each(function(index){
        var el = $(this); 
        if(el.hasClass('depends-container') && el.find('input[type="text"]').length){
          isContainer = true;
          el = el.find('input[type="text"]');
          if(el.val() != '' && $this.is('visible') == false ){
            $this.show();
            if(callback){
              callback();
            }
          }
        }
      });

      if(!isContainer){
        $(this).closest('div').hide();
      }

    });
  };
})( jQuery );
</script>
<script type="text/javascript">
$('#usergroup-controlado').dependsOn('#usergroup', ['controlado']);
$('#usergroup-restrito').dependsOn('#usergroup', ['restrito']);
</script>

E este é o script que faz o envio do formulário, onde obtenho as informações preenchidas:

 

<?php
        if(isset( $_POST['submitcreateuser'] )) {
            $fullname = $_POST["fullname"];
            $username = $_POST["username"];
            $userpassword = $_POST["userpassword"];
            $userrepassword = $_POST["userrepassword"];
            $networkaccess = $_POST["networkaccess"];
            $usergroup = $_POST["usergroup"];
            $createuser = "$username $fullname $networkaccess $usergroup $userpassword $userrepassword s -a; echo $?";

            echo "<pre> >> $createuser << </pre>";

        }
    ?>

Os selects ocultos são os do grupo Controlado e Restrito, quando selecionar essas opções ele abre outro select com as opções respectivas, tipo Controlado ele irá exibir o select Controlado 01, Controlado 02, Controlado 03. E assim serve também para a opção Restrito.

 

Tem algo de errado no meu formulário ?

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por landerbadi
      Boa tarde pessoal. Estou tentado fazer uma consulta no banco de dados porém estou tendo dificuldades. Tenho uma tabela chamada "itens" com os seguintes campos: id, item, ativo. Nela tem cadastrado vários itens. No campo ativo eu coloco a letra "S" para informar que este item está ativo no sistema. Por exemplo: 1, casa, S 2, mesa, S 3, cama, S 4, moto S 5, rádio O quinto registro "radio" não está ativo no sistema pois não tem um "S" no campo ativo. E outra tabela chamada "produtos" com os seguintes campos (id, item1, item2, item3) com os seguintes registros: 1, casa, mesa, moto 2, mesa, casa, cama 3, rádio, cama, mesa Eu preciso fazer uma busca na tabela produtos da seguinte maneira: Eu escolho um registro na tabela "itens", por exemplo "mesa". Preciso fazer com que o php me liste todos os registros da tabela "produtos" que contenham a palavra "mesa". Até aqui tudo bem eu consigo listar. Estou fazendo assim: <?php $item = "mesa" $sql = mysqli_query($conn, "SELECT * FROM produtos WHERE item1 LIKE '$item' OR item2 LIKE '$item' OR item3 LIKE '$item' LIMIT 10"); while($aux = mysqli_fetch_assoc($sql)) { $id = $aux["id"]; $item1 = $aux["item1"]; $item2 = $aux["item2"]; $item3 = $aux["item3"]; echo $id . " - " . $item1 . ", " . $item2 . ", " $item3 . "<br>"; } ?> O problema é que está listando todos os registros que contém o item mesa. Eu preciso que o php verifique os demais item e me liste somente os registro em que todos os registros estejam ativos no sistema. No exemplo acima ele não deveria listar o registro 3. pois nesse registro contém o item "radio" e este item não está ativo no sistema. Ou seja, o registro "radio" na tabela itens não possui um "S" na coluna "ativo". Alguém sabe como resolver isso?
    • Por ILR master
      Fala galera.
      Espero que todos estejam bem.
      Seguinte: Tenho um arquivo xml onde alguns campos estão com : (dois pontos), como o exemplo abaixo:
       
      <item>
      <title>
      d sa dsad sad sadasdas
      </title>
      <link>
      dsadas dsa sad asd as dsada
      </link>
      <pubDate>sadasdasdsa as</pubDate>
      <dc:creator>
      d sad sad sa ad as das
      </dc:creator>
      </item>
       
      Meu código:
       
      $link = "noticias.xml"; 
      $xml = simplexml_load_file($link); 
      foreach($xml -> channel as $ite) {     
           $titulo = $ite -> item->title;
           $urltitulo = $ite -> item->link;
           print $urltitulo = $ite -> item->dc:creator;
      } //fim do foreach
      ?>
       
      Esse campo dc:creator eu não consigo ler. Como faço?
       
      Agradeço quem puder me ajudar.
       
      Abs
       
       
    • Por First
      Olá a todos!
       
      Eu estou criando um sistema do zero mas estou encontnrando algumas dificuldades e não estou sabendo resolver, então vim recorrer ajuda de vocês.
      Aqui está todo o meu código: https://github.com/PauloJagata/aprendizado/
       
      Eu fiz um sistema de rotas mas só mostra o conteúdo da '/' não sei porque, quando eu tento acessar o register nada muda.
      E eu também quero que se não estiver liberado na rota mostra o erro de 404, mas quando eu tento acessar um link inválido, nada acontece.
      Alguém pode me ajudar com isso? E se tiver algumas sugestão para melhoria do código também estou aceitando.
       
       
      Desde já, obrigado.
    • Por landerbadi
      Olá pessoal, boa tarde
       
      Tenho uma tabela chamada "produtos" com os seguintes campos (id, produto) e outra tabela chamada "itens" com os seguintes campos (id, prod_01, prod_02, prod_03, prod_04).
       
      Na tabela produtos eu tenho cadastrado os seguintes produtos: laranja, maçã, uva, goiaba, arroz, feijão, macarrão, etc.
       
      Na tabela itens eu tenho cadastrado os itens da seguinte maneira:
       
      1, laranja, uva, arroz, feijão;
      2, maçã, macarrão, goiaba, uva;
      3, arroz, feijão, maçã, azeite
       
      Meu problema é o seguinte: 
      Eu escolho um produto da tabela "produtos", por exemplo "uva".  Preciso fazer uma consulta na tabela "itens" para ser listado todos os registros que contenham o produto "uva" e que todos os demais produtos estejam cadastrados na tabela "produtos".
       
      No exemplo acima seria listado apenas dois registros, pois o terceiro registro não contém o produto "uva". 
       
      Alguém pode me ajudar? Pois estou quebrando a cabeça a vários dias e não consigo achar uma solução.
    • Por ILR master
      Pessoal, pergunta bem simples. Abaixo tenho o seguinte código:
       
      <script>
      function alerta()
      {
        if (window.confirm("Você realmente quer sair?")) {
          window.open("sair.html");
      }
      }
      </script>
       
      Funciona perfeitamente, só que está abrindo em outra janela e quero que abra na mesma janela.
       
      Alguém pode me ajudar?
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.