Tenho um formulário onde precisam ser digitados valores de procedimentos para serem calculados no final, porém nem sempre serão digitados os valores em todos os campos. Queria saber como é a validação para o total do procedimento sair mesmo se for digitado valores somente em dois campos por exemplo. Além disso, no cálculo não tá saindo o que tem após a vírgula. Por exemplo: se eu coloco 12,50 + 12,50 só sai 24 e não 25,00
-
Podes colocar aqui um exemplo do HTML que tens e o código que estás a usar para calcular?– SergioCommented 17/05/2018 às 12:38
-
Muito ampla a sua pergunta visto que entre os campos podem haver operações matemáticas de soma, subtração, multiplicação, divisão, percentual. Melhor fazer o que o Sergio pediu.– user60252Commented 17/05/2018 às 12:58
-
Quando algum campo não é preenchido acontece algum problema?– SamCommented 17/05/2018 às 13:05
-
Bem-vinda Anne, esse post lhe será muito útil para as suas próximas perguntas pt.stackoverflow.com/help/mcve– user60252Commented 17/05/2018 às 13:49
-
Esse também pt.meta.stackoverflow.com/questions/5483/…– user60252Commented 17/05/2018 às 13:50
|
Mostrar mais 1 comentário
1 Resposta
De uma maneira geral fiz uma rotina que pode ser facilmente adaptada a qualquer tipo de operação e quantidade de campos.
Basta adicionar os campos, recuperar os valores e fazer os devidos cálculos na variável total
//formata o resultado para reais e decimais com virgula
function reais(n) {
var l = Math.floor(n);
var r = Math.round((100*n)%100);
if (r<10) return "R$"+l+",0"+r;
if (r==100) return "R$"+(l+1)+",00";
return "R$"+l+"."+r;
}
function calculate(f) {
//retorno dos valores dos campos
var id1=document.getElementById('id1').value;
var id2=document.getElementById('id2').value;
var id3=Number(document.getElementById('id3').value);
var id4=document.getElementById('id4').value;
var id5=document.getElementById('id5').value;
//para não invalidar o resultado caso haja alguma divisão no total
if(id5==""){
id5=1;
}
//aqui as operações envolvendo os campos
var total=(((id1*id2)+id3)-id4)/id5;
f.total.value=reais(total);
}
<form>
Quantidade
<input type="text" name="input1"t id="id1">
Preço Unitário
<input type="text" name="input2" id="id2"><br>
Imposto
<input type="text" name="input3" id="id3"><br>
Desconto
<input type="text" name="input4" id="id4"><br>
Parcelas
<input type="text" name="input5" id="id5">
<p>
<table>
<tr><td>
Resultado:</td><td><input type=text name=total size=8>
</td></tr>
</table>
<p>
<input type=button value=Calculate onClick="calculate(this.form);">
</form>
O operador
+
pode te surpreender, dependendo da forma que você o usa.
- Todo mundo sabe que o operador
+
serve para ao menos duas coisas: somar números e concatenar strings! - No exemplo da resposta a variável
var id3
foi transformada em numero com a funçãoNumber
para efetuar a operação de adição pois caso contrário haveria uma concatenação.
Ao invés de usar a função
Number
na variávelvar id3
poderíamos usar o próprio operador+
para converter-lo em numero.
Veja como:
No lugar de:
var id3=Number(document.getElementById('id3').value);
Use
var id3=document.getElementById('id3').value;
E substitua a var total
por
var total=(((id1*id2)+(+id3))-id4)/id5;
Exemplo
//operador + para conveeter em numero
console.log(10 + +'10');
//sem o operador +
console.log(10 + '10');