Skip to main content
1 de 3

Validar somas de tabela dinâmica em JavaScript

Tenho uma dúvida em validar somas de tabelas dinâmicas. Tenho 2 inputs um com o valor com iva e outro do valor sem iva.

<strong>Valor Total da Prestação de Serviços<br> Com IVA: </strong><input type="text" name="valor_total_civa" id="valor_total_civa" required/>
    <strong>Sem IVA: </strong><input type="text" name="valor_total_siva" id="valor_total_siva" required/><br /><br />

Tenho uma tabela dinâmica em que insiro os períodos de facturação:

function addRow(tableID) {
        var table = document.getElementById(tableID);
        var rowCount = table.rows.length;
        var row = table.insertRow(rowCount);
        var colCount = table.rows[0].cells.length;
        for(var i=0; i<colCount; i++) {
            var newcell = row.insertCell(i);
            newcell.innerHTML = table.rows[0].cells[i].innerHTML;
            //alert(newcell.childNodes);
            switch(newcell.childNodes[0].type) {
                case "text":
                    newcell.childNodes[0].value = "";
                    break;
                case "checkbox":
                    newcell.childNodes[0].checked = false;
                    break;
                case "select-one":
                    newcell.childNodes[0].selectedIndex = 0;
                    break;
            }
        }
    }
    function deleteRow(tableID) {
        try {
            var table = document.getElementById(tableID);
            var rowCount = table.rows.length;
            for(var i=0; i<rowCount; i++) {
                var row = table.rows[i];
                var chkbox = row.cells[0].childNodes[0];
                if(null != chkbox && true == chkbox.checked) {
                    if(rowCount <= 1) {
                        alert("Não é possível apagar todas as linhas da tabela.");
                        break;
                    }
                    table.deleteRow(i);
                    rowCount--;
                    i--;
                }
            }
        }catch(e) {
            alert(e);
        }
    }
<strong>Periodos de Fatura&ccedil;&atilde;o:</strong><br>
    <INPUT type="button" value="Adicionar linha" onclick="addRow('dataTable')" />
    <INPUT type="button" value="Apagar Linha" onclick="deleteRow('dataTable')" />
    <TABLE id="dataTable">
        <TR>
            <TD width="20px;"><INPUT type="checkbox" name="chk"/></TD>
            <TD width="100px;"><INPUT type="date" min="<?php echo date('Y-m-d'); ?>" id="data_afaturar" name="data_afaturar[]" required/></TD>
            <TD>Com IVA:<input type="text" name="valor_afaturar_civa[]" id="valor_afaturar_civa[]" value="0.00" required>€</TD>
            <TD>Sem IVA:<input type="text" name="valor_afaturar_siva[]" id="valor_afaturar_siva[]" value="0.00" required>€</TD>
        </TR>
    </TABLE>

Ao colocar o valor total com iva ele tem de somar todos os valores com iva introduzidos na tabela. Apenas consigo fazer isso com os valores com iva.

var quant_civa = document.getElementsByName("valor_afaturar_civa[]");
var teste = [];
teste = dataString.split(",");
function verifica(){
    var valor_total_civa = f.valor_total_civa.value;
    var soma_civa = 0;
    for (var i=0; i<quant_civa.length; i++){
            teste[i] = parseFloat(quant_civa[i].value);
            soma_civa += parseFloat(teste[i]);
    }
    if (soma_civa == valor_total_civa){
      return true;
    }
    else{
      alert('A soma dos períodos de faturação não corresponde ao valor da Prestação de Serviços');
        return false;
    }
}

como faço para os valores sem iva? Não estou conseguindo. Obrigada!