Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Gabrielvt14

Não consigo validar meu formulário

Recommended Posts

Olá pessoal. Estou tentando validar meu formulário com javascript, uma validação bem básica somente para ver se os campos estão preenchidos, sei que é bestinha, mas javascript não é meu forte ^^

 

Bem, tenho cinco campos de texto que não podem passar vazios, e dois campos de check box, onde pelo menos um deles deve estar selecionado.

Então fiz o seguinte script:

 

function checa_formulario(form){

    if (form.cod.checked == ""){
      bootbox.alert("<span class='text-danger'><b class='glyphicon glyphicon-remove'></b> Informe um código para este serviço.</span>", function(){});
      form.cod.focus();
      return (false);
    }
    if (form.titulo.value == ""){
      bootbox.alert("<span class='text-danger'><b class='glyphicon glyphicon-remove'></b> Informe um título para este serviço.</span>", function(){});
      form.titulo.focus();
      return (false);
    }
    if (form.valorCusto.value == ""){
      bootbox.alert("<span class='text-danger'><b class='glyphicon glyphicon-remove'></b> Informe o valor de custo deste serviço.</span>", function(){});
      form.valorCusto.focus();
      return (false);
    }

    if (form.valorFinal.value == ""){
      bootbox.alert("<span class='text-danger'><b class='glyphicon glyphicon-remove'></b> Informe o valor final deste serviço.</span>", function(){});
      form.valorFinal.focus();
      return (false);
    }

    if (form.categoria.value == ""){
      bootbox.alert("<span class='text-danger'><b class='glyphicon glyphicon-remove'></b> Informe a qual categoria pertence este serviço.</span>", function(){});
      form.categoria.focus();
      return (false);
    }

    if (document.demoform2.franquia.checked == false &&  document.demoform2.clientefinal.checked == false) {
      bootbox.alert("<span class='text-danger'><b class='glyphicon glyphicon-remove'></b> Selecione pelo menos um destinado a usar o serviço. (Franqueado/Cliente Final)</span>", function(){});
      form.franquia.focus();
      form.clientefinal.focus();
      return (false);
    }
  return (true);
  }

 

E o formulário no HTML esta assim:

<form id="demoform2" data-parsley-validate class="form-horizontal form-label-left" action="?a=<?php echo($_GET['n'] != '')?'atualiza':'novo';?>" method="post" onsubmit="return checa_formulario(this)" enctype="multipart/form-data">
                    <?php if($_GET['n'] != ''){ ?>
                        <input type="hidden" name="clicod" value="<?php echo $_GET['n'];?>">        
                    <?php } ?>

                      
                      <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">Código <span class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <input type="text" class="form-control col-md-7 col-xs-12" name="cod" value="<?php echo $vcod; ?>"><br>
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">Serviço <span class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <input type="text" class="form-control col-md-7 col-xs-12" name="titulo" value="<?php echo $vtitulo; ?>"><br>
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">Valor de custo <small>(R$)</small><span class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <input type="text" class="form-control col-md-7 col-xs-12 decimal" name="valorCusto" value="<?php echo $vcusto; ?>"><br>
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">Valor final <small>(R$)</small><span class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <input type="text" class="form-control col-md-7 col-xs-12 decimal" name="valorFinal" value="<?php echo $vfinal; ?>"><br>
                        </div>
                      </div>

                      <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">Categoria <span class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <select class="form-control col-md-7 col-xs-12 select2_single" tabindex="-1" name="categoria">
                            <option></option>
                            <?php
                              $resultadocli = mysql_query("SELECT id, nome_categoria FROM categorias ORDER BY nome_categoria ASC");
                              $totalcli = mysql_num_rows($resultadocli);
                              while($row = mysql_fetch_array($resultadocli)) {
                            ?>
                                <option value="<?php echo $row['id'];?>" <?php if($row['id'] == $vcategoria){ echo ' selected="selected"'; } ?> ><?php echo $row['nome_categoria'];?></option>
                            <?php } ?>
                          </select>
                        </div>
                      </div>


                      <div class="container">
                        <div class="row">
                                <div class="form-group">
                                    <div class="searchable-container">
                                        <div class="items col-xs-12 col-sm-6 col-md-5 col-lg-4 col-xs-offset-1 col-sm-offset-3 col-md-offset-1 col-lg-offset-2">
                                            <div class="info-block block-info clearfix">
                                                <div class="square-box pull-left">
                                                    <span class="glyphicon glyphicon-tags glyphicon-lg"></span>
                                                </div>
                                                <div data-toggle="buttons" class="btn-group bizmoduleselect">
                                                    <label class="btn btn-default <?php echo ($vfranquia == 'franquia')?'active':'';?>">
                                                        <div class="bizcontent">
                                                            <input type="checkbox" name="franquia" value="franquia" <?php echo ($vfranquia == 'franquia')?'checked':'';?>>
                                                            <span class="glyphicon glyphicon-ok glyphicon-lg"></span>
                                                            <h5>Serviço para franqueados</h5>
                                                        </div>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="items col-xs-12 col-sm-6 col-md-5 col-lg-4 col-xs-offset-1 col-sm-offset-3 col-md-offset-1">
                                            <div class="info-block block-info clearfix">
                                                <div class="square-box pull-left">
                                                    <span class="glyphicon glyphicon-tags glyphicon-lg"></span>
                                                </div>
                                                <div data-toggle="buttons" class="btn-group bizmoduleselect">
                                                    <label class="btn btn-default <?php echo ($vcliente == 'clientefinal')?'active':'';?>">
                                                        <div class="bizcontent">
                                                            <input type="checkbox" name="clientefinal" value="clientefinal" <?php echo ($vcliente == 'clientefinal')?'checked':'';?>>
                                                            <span class="glyphicon glyphicon-ok glyphicon-lg"></span>
                                                            <h5>Serviço para clientes finais</h5>
                                                        </div>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                          </div>
                        </div>


                      <div class="ln_solid"></div>
                      <div class="form-group">
                        <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
                          <button type="reset" class="btn btn-default">Limpar</button>
                          <button type="submit" class="btn btn-success">Concluir</button>
                        </div>
                      </div>

                    </form><form id="demoform2" data-parsley-validate class="form-horizontal form-label-left" action="?a=<?php echo($_GET['n'] != '')?'atualiza':'novo';?>" method="post" onsubmit="return checa_formulario(this)" enctype="multipart/form-data">
                    <?php if($_GET['n'] != ''){ ?>
                        <input type="hidden" name="clicod" value="<?php echo $_GET['n'];?>">        
                    <?php } ?>

                      
                      <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">Código <span class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <input type="text" class="form-control col-md-7 col-xs-12" name="cod" value="<?php echo $vcod; ?>"><br>
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">Serviço <span class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <input type="text" class="form-control col-md-7 col-xs-12" name="titulo" value="<?php echo $vtitulo; ?>"><br>
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">Valor de custo <small>(R$)</small><span class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <input type="text" class="form-control col-md-7 col-xs-12 decimal" name="valorCusto" value="<?php echo $vcusto; ?>"><br>
                        </div>
                      </div>
                      <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">Valor final <small>(R$)</small><span class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <input type="text" class="form-control col-md-7 col-xs-12 decimal" name="valorFinal" value="<?php echo $vfinal; ?>"><br>
                        </div>
                      </div>

                      <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">Categoria <span class="required">*</span>
                        </label>
                        <div class="col-md-6 col-sm-6 col-xs-12">
                          <select class="form-control col-md-7 col-xs-12 select2_single" tabindex="-1" name="categoria">
                            <option></option>
                            <?php
                              $resultadocli = mysql_query("SELECT id, nome_categoria FROM categorias ORDER BY nome_categoria ASC");
                              $totalcli = mysql_num_rows($resultadocli);
                              while($row = mysql_fetch_array($resultadocli)) {
                            ?>
                                <option value="<?php echo $row['id'];?>" <?php if($row['id'] == $vcategoria){ echo ' selected="selected"'; } ?> ><?php echo $row['nome_categoria'];?></option>
                            <?php } ?>
                          </select>
                        </div>
                      </div>


                      <div class="container">
                        <div class="row">
                                <div class="form-group">
                                    <div class="searchable-container">
                                        <div class="items col-xs-12 col-sm-6 col-md-5 col-lg-4 col-xs-offset-1 col-sm-offset-3 col-md-offset-1 col-lg-offset-2">
                                            <div class="info-block block-info clearfix">
                                                <div class="square-box pull-left">
                                                    <span class="glyphicon glyphicon-tags glyphicon-lg"></span>
                                                </div>
                                                <div data-toggle="buttons" class="btn-group bizmoduleselect">
                                                    <label class="btn btn-default <?php echo ($vfranquia == 'franquia')?'active':'';?>">
                                                        <div class="bizcontent">
                                                            <input type="checkbox" name="franquia" value="franquia" <?php echo ($vfranquia == 'franquia')?'checked':'';?>>
                                                            <span class="glyphicon glyphicon-ok glyphicon-lg"></span>
                                                            <h5>Serviço para franqueados</h5>
                                                        </div>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="items col-xs-12 col-sm-6 col-md-5 col-lg-4 col-xs-offset-1 col-sm-offset-3 col-md-offset-1">
                                            <div class="info-block block-info clearfix">
                                                <div class="square-box pull-left">
                                                    <span class="glyphicon glyphicon-tags glyphicon-lg"></span>
                                                </div>
                                                <div data-toggle="buttons" class="btn-group bizmoduleselect">
                                                    <label class="btn btn-default <?php echo ($vcliente == 'clientefinal')?'active':'';?>">
                                                        <div class="bizcontent">
                                                            <input type="checkbox" name="clientefinal" value="clientefinal" <?php echo ($vcliente == 'clientefinal')?'checked':'';?>>
                                                            <span class="glyphicon glyphicon-ok glyphicon-lg"></span>
                                                            <h5>Serviço para clientes finais</h5>
                                                        </div>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                          </div>
                        </div>


                      <div class="ln_solid"></div>
                      <div class="form-group">
                        <div class="col-md-6 col-sm-6 col-xs-12 col-md-offset-3">
                          <button type="reset" class="btn btn-default">Limpar</button>
                          <button type="submit" class="btn btn-success">Concluir</button>
                        </div>
                      </div>

                    </form>

Do jeito que está, ele sempre acusa o campo cod como vazio e pede para preencher, mesmo estando preenchido.

 

 

Se alguém puder ajudar e dizer onde estou errando fico muito grato!

 

 

### EDIÇÃO ###

 

O problema de acusar o campo cod vazio era porque estava assim if (form.cod.checked == "")

E o correto é if (form.cod.value == "")

cod.checked estava errado ja que o campo é do tipo texto e não checkbox

 

Mas ainda não consegui fazer com que o javascript valide os dois checkbox no final do formulário, quando preencho sem selecionar nenhum checkbox ele aceita :/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Resolvido a validação do checkbox.

Ficou assim:

if (form.franquia.checked == false &&  form.clientefinal.checked == false) {
      bootbox.alert("<span class='text-danger'><b class='glyphicon glyphicon-remove'></b> Selecione pelo menos um destinado a usar o serviço. (Franqueado/Cliente Final)</span>", function(){});
      form.franquia.focus();
      form.clientefinal.focus();
      return (false);
    }

 

Todo o script ficou assim:

  function checa_formulario(form){

    if (form.cod.value == ""){
      bootbox.alert("<span class='text-danger'><b class='glyphicon glyphicon-remove'></b> Informe um código para este serviço.</span>", function(){});
      form.cod.focus();
      return (false);
    }
    if (form.titulo.value == ""){
      bootbox.alert("<span class='text-danger'><b class='glyphicon glyphicon-remove'></b> Informe um nome para este serviço.</span>", function(){});
      form.titulo.focus();
      return (false);
    }
    if (form.valorCusto.value == "" || form.valorCusto.value == '0,00'){
      bootbox.alert("<span class='text-danger'><b class='glyphicon glyphicon-remove'></b> Informe o valor de custo deste serviço.</span>", function(){});
      form.valorCusto.focus();
      return (false);
    }

    if (form.valorFinal.value == "" || form.valorFinal.value == '0,00'){
      bootbox.alert("<span class='text-danger'><b class='glyphicon glyphicon-remove'></b> Informe o valor final deste serviço.</span>", function(){});
      form.valorFinal.focus();
      return (false);
    }

    if (form.categoria.value == ""){
      bootbox.alert("<span class='text-danger'><b class='glyphicon glyphicon-remove'></b> Informe a qual categoria pertence este serviço.</span>", function(){});
      form.categoria.focus();
      return (false);
    }

    if (form.franquia.checked == false &&  form.clientefinal.checked == false) {
      bootbox.alert("<span class='text-danger'><b class='glyphicon glyphicon-remove'></b> Selecione pelo menos um destinado a usar o serviço. (Franqueado/Cliente Final)</span>", function(){});
      form.franquia.focus();
      form.clientefinal.focus();
      return (false);
    }
  return (true);
  }

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

  • Conteúdo Similar

    • Por Giovanird
      Olá a todos!
      Tenho uma pagina que possui uma DIV onde coloquei uma pagina PHP.
      Uso a função setInterval para atualizar a pagina inclusa dentro da DIV.
      O problema é que ao acessar o site , a DIV só me mostra a pagina inclusa somente quando completo o primeiro minuto.
      Preciso que a pagina inclusa já inicie carregada
       
      Meu código JavaScript e a DIV com a pagina PHP
       
      <script> function atualiza(){ var url = 'direita.php'; $.get(url, function(dataReturn) { $('#direita').html(dataReturn); }); } setInterval("atualiza()",60000); </script> <div> <span id="direita"></span> </div>  
    • Por Thiago Duarte
      Oi, gostaria de arrastar imagem e ao soltar formar bloco html, meu bloco de html ficaria com nome, content-1.html, content-2.html, etc
       
      Alguem pode me ajudar?
    • Por belann
      Olá!
       
      Estou fazendo o upload de arquivos com fetch dessa forma
      fetch(url, {
              method: 'POST',
              headers: {'Content-Type': 'multipart/form-data',},
              body: formData 
          }).catch((error) => (console.log("Problemas com o Upload"), error));
       
      estou usando input type=file
      e criando uma const formData = new FormData(); 
      mas não faz e não dá nenhum erro.
      estou fazendo o upload com a url="http://localhost/dashboard/dados".
    • Por joeythai
      Boa tarde pessoal,
       
      Eu criei um formulário em que tenho 3 interações: evento click, change e uma chamada ajax. No evento on change ("select#removal_table_from" )eu faço uma chamada ajax onde eu passo como parametro o id do item selecionado e construo uma tabela dinamica com o próprio javascript, após isto, tenho um input em que o usuario coloca um valor de percentual para que eu possa preencher em 3 colunas da tabela que foi criada dinamicamente: moto_atualizado, carro_atualizado e caminhao_atualizado, até aí tudo bem, o codigo está fazendo isso, porém, como a tabela é criada dinamicamente eu preciso de alguma forma enviar o arrayData para meu backend mas quando faço o calculo dentro do loop apos resposta do meu ajax, os valores desses 3 campos chegam como null, não sei se é possível fazer o que pretendo ou se é ainda não sei como faz
       
      <code>
           $(document).ready(function (event) {   let arrayData = []; let percentage; let removal_vehicle; let removal_motorcycle; let removal_tuck; let apply_removal = $('#apply_removal');   // apply_removal.on('click', function () { // percentage = $('#percentage').val();   // $('.table-body tr').each(function () {   // let veiculo = $(this).find('.veiculo').text(); // let moto = $(this).find('.moto').text(); // let caminhao = $(this).find('.caminhao').text();   // let removal_vehicle = parseFloat(veiculo) + (parseFloat(veiculo) * parseFloat(percentage)) / 100; // let removal_motorcycle = parseFloat(moto) + (parseFloat(moto) * parseFloat(percentage)) / 100; // let removal_tuck = parseFloat(caminhao) + (parseFloat(caminhao) * parseFloat(percentage)) / 100;   // arrayData.push({ // removal_vehicle, // removal_motorcycle, // removal_tuck // })   // $(this).find('.veiculo_atualizado').val(removal_vehicle.toFixed(2)); // $(this).find('.moto_atualizado').val(removal_motorcycle.toFixed(2)); // $(this).find('.caminhao_atualizado').val(removal_tuck.toFixed(2)); // }); // });   apply_removal.on('click', function () { percentage = $('#percentage').val();   $('.table-body tr').each(function () {   let veiculo = $(this).find('.veiculo').text(); let moto = $(this).find('.moto').text(); let caminhao = $(this).find('.caminhao').text();   removal_vehicle = parseFloat(veiculo) + (parseFloat(veiculo) * parseFloat(percentage)) / 100; removal_motorcycle = parseFloat(moto) + (parseFloat(moto) * parseFloat(percentage)) / 100; removal_tuck = parseFloat(caminhao) + (parseFloat(caminhao) * parseFloat(percentage)) / 100;   arrayData.push({ removal_vehicle, removal_motorcycle, removal_tuck })   $(this).find('.veiculo_atualizado').val(removal_vehicle.toFixed(2)); $(this).find('.moto_atualizado').val(removal_motorcycle.toFixed(2)); $(this).find('.caminhao_atualizado').val(removal_tuck.toFixed(2));     console.log('Removal Vehicle:', removal_vehicle); console.log('Removal Motorcycle:', removal_motorcycle); console.log('Removal Truck:', removal_tuck); }); });   $('select#removal_table_from').on('change', function (e) { let table_id = $(this).val(); let action = route('removal.removal-values.show', table_id);   $.ajax({ type: "GET", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') },   success: function (data) { $('.table-body').empty();   for (let i = 0; i < data.length; i++) { let carro = parseFloat(data[i].CARRO); let moto = parseFloat(data[i].MOTO); let caminhao = parseFloat(data[i].CAMINHAO); let distancia = data[i].DISTANCIA; let origem = data[i].ORIGEM; let destino = data[i].DESTINO; let localidadeOrigem = data[i].LocalidadeOrigem_ID; let localidadeDestino = data[i].LocalidadeDestino_ID;   let newRow = '<tr class="removal-row">' + '<td class="align-middle">' + '<div class="row">' + '<div class="col-1">' + '<span class="font-weight-bold">Origem</span><br>' + '<span class="origem">' + origem + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Destino</span><br>' + '<span class="destino">' + destino + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">KM</span><br>' + '<span class="km">' + distancia + '</span>' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Veículo</span><br>' + '<span class="veiculo">' + carro + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Veículo Atualizado</span><br>' + '<input type="text" class="veiculo_atualizado">' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Moto</span><br>' + '<span class="moto">' + moto + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Moto Atualizado</span><br>' + '<input type="text" class="moto_atualizado">' + '</div>' + '<div class="col-1">' + '<span class="font-weight-bold">Caminhão</span><br>' + '<span class="caminhao">' + caminhao + '</span>' + '</div>' + '<div class="col-2">' + '<span class="font-weight-bold">Caminhão Atualizado</span><br>' + '<input type="text" class="caminhao_atualizado">' + '</div>' + '</div>' + '</div>' + '</td>' + '</tr>';   $('.table-body').append(newRow); //let row = $('.removal-row:last');   // Calcula o valor atualizado e define nos campos diretamente // let veiculo_atualizado = carro + (carro * percentage) / 100; // let moto_atualizado = moto + (moto * percentage) / 100; // let caminhao_atualizado = caminhao + (caminhao * percentage) / 100; // console.log('PORCENTS: ', percentage); //console.log('Veiculo Atualizado:', veiculo_atualizado, 'Moto Atualizado:', moto_atualizado, 'Caminhao Atualizado:', caminhao_atualizado);   // Define os valores diretamente nos campos da nova linha // row.find('.veiculo_atualizado').val(veiculo_atualizado.toFixed(2)); // row.find('.moto_atualizado').val(moto_atualizado.toFixed(2)); // row.find('.caminhao_atualizado').val(caminhao_atualizado.toFixed(2));   arrayData.push({ carro, moto, caminhao, distancia, origem, destino, localidadeOrigem, localidadeDestino, removal_vehicle, removal_motorcycle, removal_tuck }); }   $('#copy_data_table').val(JSON.stringify(arrayData)); }   }); });   //javascript para o formulario de cadastro // $(document).ready(function (event) { $('#uf').change(function () { let code_city = $(this).val(); let deposit = localStorage.getItem('selected_deposit_id'); let action = route('removal.removal-values.cities', code_city); $.ajax({ type: "POST", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, data: { code_city: code_city },   success: function (data) {   $('#city').empty(); $('#deposit').empty();   for (let i = 0; i < data.cities.length; i++) { $('#city').append('<option value="' + data.cities[i].NM + '">' + data.cities[i].NM + '<option>'); }   if (data.deposits.length > 0) { for (let i = 0; i < data.deposits.length; i++) { $('#deposit').append('<option value="' + data.deposits[i].NM + '">' + data.deposits[i].NM + '<option>'); } } else { // $('#deposit').prop('disabled', true); // $('#city').prop('disabled', false); }   $('#city').trigger('change'); } });   });   $('#deposit').on('change', function () { depositId = $(this).val(); localStorage.setItem('selected_deposit_id', depositId); });   $('#uf_destiny').change(function () { let code_city = $(this).val(); let depositDestiny = localStorage.getItem('selected_deposit_destiny_id'); let action = route('removal.removal-values.cities', code_city); $.ajax({ type: "POST", url: action, headers: { 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') }, data: { code_city: code_city },   success: function (data) {   $('#city_destiny').empty(); $('#deposit_destiny').empty();   for (let i = 0; i < data.cities.length; i++) { $('#city_destiny').append('<option value="' + data.cities[i].NM + '">' + data.cities[i].NM + '</option>'); }   if (data.deposits.length > 0) { // $('#deposit_destiny').prop('disabled', false); //$('#city_destiny').empty(); // $('#city_destiny').prop('disabled', true); for (let i = 0; i < data.deposits.length; i++) { $('#deposit_destiny').append('<option value="' + data.deposits[i].NM + '">' + data.deposits[i].NM + '</option>'); } } else { // $('#deposit_destiny').prop('disabled', true); // $('#city_destiny').prop('disabled', false); }   $('#city_destiny').trigger('change'); } }); });   $('#deposit_destiny').on('change', function () { let depositDestinyId = $(this).val(); localStorage.setItem('selected_deposit_destiny_id', depositDestinyId); });   }); </code>
    • Por gersonab
      Bom dia a todos, estou usando o datatable com uma consulta mysql e funciona 100% , meu único problema é na hora que eu exporto para pdf, este não vem com sua largura da tabela exportada em 100%, dependendo da situação ocupa apenas 30% da página, infelizmente após varias pesquisas ainda não encontrei uma forma de fazer.
      segue meu código de forma simples:
      $('#exportar').DataTable( { language: { url: '//cdn.datatables.net/plug-ins/1.13.7/i18n/pt-BR.json', }, dom: 'Bfrtip', order: [[ 0, 'desc' ]], buttons: [ 'pdfHtml5' ] } ); desde já agradeço toda ajuda possível
×

Informação importante

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