javascript Validação JavaScript

[jsouzaSalutaris 0]

Boa tarde!!

Estou com problemas na validação de um formulário, o que acontece é que o formulário está trazendo um array como mostra os códigos abaixo onde ele deve validar se o código está preenchido, se sim criar uma nova linha e popular os campos. porém a validação não está funcionando. Segue código abaixo:

visualiza.php

<form action="controle/atualizaProcedimento.php?id=<?php echo $id_gto;?>" method="POST" name="dados" autocomplete="off">
<table id="products-table" class="table table-condensed">
          <tbody>
          <tr>
          <th class="info">Código Procedimento</th>
          <th class="info">Descrição</th>
           <th class="info">Ação</th>
          </tr>
          <tr>
           <td><input type="text" name="cod[]" id="cod"></td>
           <td><input type="text" name="desc[]" id="desc"></td>
           <td>
             <button onclick="return validar(); AddTableRow();" type="button" class="btn btn-success">Novo</button>
             <!--AddTableRow();-->
           </td>
         </tr>
        </tbody>
        </table>
</form>

<script language="javascript" type="text/javascript">
function validar() {
var cod = dados.cod.value;

if (cod == "") {
alert('Preencha o campo Código');
dados.cod.focus();
return false;
}
}
</script>

addLinhaTablea.js

(function($) {
  AddTableRow = function() {


    var newRow = $("<tr>");
    var cols = "";

    cols += '<td><input type="text" class="teste" name="cod[]" autocomplete="off"></td>';
    cols += '<td><input type="text" class="teste" name="desc[]" autocomplete="off"></td>';
    cols += '<td>';
    cols += '<button onclick="AddTableRow()" type="button" class="btn btn-success">Novo</button>';
    cols += '</td>';

    newRow.append(cols);
    $("#products-table").append(newRow);

    return false;
  };
})(jQuery);

aplicacao.js

$(document).on("blur", "input[name='cod[]']", function(){
      
      var $desc = $(this).closest("tr").find("input[name='desc[]']");
      var $valor = $(this).closest("tr").find("input[name='valor[]']");

        $.getJSON(
          'controle/consultaProcedimento.php',
          { cod: $( this ).val() },
          function( json )
          {
            
            $desc.val( json.desc );
           $valor.val( json.valor );
          }
        );
    });

[kelvim 11]

Aparece algum erro?

debuga com o console do navegador e posta o erro aqui.

[jsouzaSalutaris 0]

Consegui realizar a validação, porém quando tento validar o campo da data não acontece! sendo que a data digitada não pode ser maior que a data atual se for retorna um Alert como mostra código abaixo:

OBS: data também vem a partir de um array de html.

function valida(dados) { 
        var camposPreenchidos = true; 
        var inputs = dados.getElementsByTagName('input'); 
        for (var i=0; i < inputs.length; i++) { 
        if (inputs[i].getAttribute('name') == 'cod[]') { 
        if (inputs[i].value.trim() == '') { 
        alert('Preencha o campo código.');
        return false; 
        } 
        }else if(inputs[i].getAttribute('name') == 'data_realizacao[]') {
          now = new Date
         if (inputs[i].value.trim() > <?php date('Y-m-d'); ?>) { 
        alert('Data de realização não pode ser maior que data atual.');
        return false;
        } 
        }
        } 
        return true; 
        }

[kelvim 11]

Para comparar datas elas tem de estar no formato de data, no seu código elas estão no formato string

Você está pegando a data de hoje no PHP, mas pode faze-lo no JS mesmo, (caso queira continuar usando no PHP, retorne no mesmo formato que está no JS)

if (new Date('inputs[i].value.trim()') > new Date()) { 
   //....
}

[jsouzaSalutaris 0]

Para comparar datas elas tem de estar no formato de data, no seu código elas estão no formato string

Você está pegando a data de hoje no PHP, mas pode faze-lo no JS mesmo, (caso queira continuar usando no PHP, retorne no mesmo formato que está no JS)

if (new Date('inputs[i].value.trim()') > new Date()) { 
   //....
}

Show de bola irmão!!

Deu certinho, só um detalhe entre os parenteses não deve ir aspas... Foi de grande ajuda Valeu mesmo..

}else if(inputs[i].getAttribute('name') == 'data_realizacao[]') { 
        if (new Date(inputs[i].value.trim()) > new Date()) { 
        alert('Data de realização não pode ser maior que data atual.');
        return false; 
        }