Bom editei a pergunta, pois localizei o problema. Tenho um javascript responsável por fazer cálculos com os valores nos input, E tenho um plugin Jquery Mask ou MaskMoney para fazer a formatação do valor digitado.
Ambos os plugins apresentam o mesmo erro.
Jquery Mask - Quando digito 1,00 o javascript que faz o cálculo pego o valor 100.
MaskMoney - Quando digito algo, o javascript que faz o cálculo acha que o campo esta em branco.
Preciso de ajudar, des de ja agradeço
Segue o código:
$(document).ready(function() {
$(".valor").on("input", function() {
// Margem
var valor = $(this).val();
valor = valor.replace(".", "");
valor = valor.replace(",", ".");
// Custo
var valorCusto = $("#custo").val();
valorCusto = valorCusto.replace(".", "");
valorCusto = valorCusto.replace(",", ".");
var calculo = (parseFloat(valor) - parseFloat(valorCusto)) / parseFloat(valorCusto) * 100;
var inputMargem = $(this).attr("margem");
var resultadoMonetario = calculo.toFixed(2).replace(".", ",");
$("#" + inputMargem).val(resultadoMonetario);
});
$(".margem").on("input", function() {
// Margem
var valorMargem = $(this).val();
valorMargem = valorMargem.replace(".", "");
valorMargem = valorMargem.replace(",", ".");
// Custo
var valorCusto = $("#custo").val();
valorCusto = valorCusto.replace(".", "");
valorCusto = valorCusto.replace(",", ".");
var calculo = (parseFloat(valorCusto) * parseFloat(valorMargem) / 100) + parseFloat(valorCusto);
var inputValor = $(this).attr("valor");
var resultadoMonetario = calculo.toFixed(2).replace(".", ",");
$("#" + inputValor).val(resultadoMonetario);
});
});
$('.valores').mask('00.000.000,00', {
reverse: true
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.13.4/jquery.mask.js"></script>
Custo:
<input type='text' id='custo' class='custo valores' name='custo'>
<br>
<br> Valor:
<input type='text' id='valor1' class='valor valores' name='valor1' margem='margem1'> Margem:
<input type='text' id='margem1' class='margem valores' name='margem1' valor="valor1">
<br> Valor:
<input type='text' id='valor2' class='valor valores' name='valor2' margem='margem2'> Margem:
<input type='text' id='margem2' class='margem valores' name='margem2' valor="valor2">
o estranho e que aqui no stack ele funciona. Exemplo:
1º custo = 5,55 2º margem = 1,00 Resultado = 5,61
Já o mesmo código da problema na minha página e aqui: