PHP - Atualizar INPUT com função moeda

[violin101 0]

Caros amigos, saudações.

 

Estou com uma dúvida de validação de INPUT com função moeda.

 

Tenho um input onde o usuário digita um valor qualquer, por exemplo: 1.234,56

o problema é quando precisa atualizar o valor.

 

Quando o usuário atualizar o input fica assim: 1.234,

 

como faço para atualizar as casas decimais, conforme o valor for sendo alterado ?
 

o input está assim:
 

<div class="col-md-2">
   <label for="">Valor Unitário</label>
   <input type="text" class="form-control" id="estoqprod" name="estoqprod" 
          style="font-size:15px; font-weight:bold; width:100%; text-align:center;" 
          placeholder="0,00" OnKeyUp="calcProd();" 
          onkeypress="return(FormataMoeda(this,'.',',',event))" > 
</div> 

 

a função para formatar o input para moeda está assim:
obs.: a Função CalcProd está executando corretamente

 function calcProd(){
    //Obter valor digitado do produto
    var estoq_prod = document.getElementById("estoqprod").value;
    //Remover ponto e trocar a virgula por ponto
    while (estoq_prod.indexOf(".") >= 0) { 
      estoq_prod = estoq_prod.replace(".", ""); 
    }
    estoq_prod = estoq_prod.replace(",",".");


    //Obter valor digitado do produto
    var prod_qtde = document.getElementById("qtde").value;       
    //Remover ponto e trocar a virgula por ponto
    while (prod_qtde.indexOf(".") >= 0) { 
      prod_qtde = prod_qtde.replace(".", ""); 
    }
    prod_qtde = prod_qtde.replace(",",".");        
    
    //Calcula o Valor do Desconto
    if (prod_qtde > 0 && estoq_prod > 0) {
        calc_total_produto = parseFloat(prod_qtde) - parseFloat(estoq_prod);

        var numero = calc_total_produto.toFixed(2).split('.');

        //Calculo para não deixar GRAVAR valores negativos
        if (calc_total_produto < 0 ) {
          numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.') * -1;
          document.getElementById("qtdeTotal").value = numero.join(',');                 
        } else {
          numero[0] = numero[0].split(/(?=(?:...)*$)/).join('.');
          document.getElementById("qtdeTotal").value = numero.join(',');
        }        
    } else {
        if (estoq_prod > 0) {
            document.getElementById("qtdeTotal").value = document.getElementById("estoqprod").value;
        } else {
            document.getElementById("qtdeTotal").value = "0,00";
        }
      }
  }



  /*---Função para Formatar Campo para Moeda [R$]---*/
  function FormataMoeda(objTextBox, SeparadorMilesimo, SeparadorDecimal, e){
      var sep = 0;
      var key = '';
      var i = j = 0;
      var len = len2 = 0;
      var strCheck = '0123456789';
      var aux = aux2 = '';
      var whichCode = (window.Event) ? e.which : e.keyCode;
      if (whichCode == 13) return true;
      key = String.fromCharCode(whichCode); // Valor para o código da Chave
      if (strCheck.indexOf(key) == -1) return false; // Chave inválida
      len = objTextBox.value.length;
      for(i = 0; i < len; i++)
          if ((objTextBox.value.charAt(i) != '0') && (objTextBox.value.charAt(i) != SeparadorDecimal)) break;
      aux = '';
      for(; i < len; i++)
          if (strCheck.indexOf(objTextBox.value.charAt(i))!=-1) aux += objTextBox.value.charAt(i);
      aux += key;
      len = aux.length;
      if (len == 0) objTextBox.value = '';
      if (len == 1) objTextBox.value = '0'+ SeparadorDecimal + '0' + aux;
      if (len == 2) objTextBox.value = '0'+ SeparadorDecimal + aux;
      if (len > 2) {
          aux2 = '';
          for (j = 0, i = len - 3; i >= 0; i--) {
              if (j == 3) {
                  aux2 += SeparadorMilesimo;
                  j = 0;
              }
              aux2 += aux.charAt(i);
              j++;
          }
          objTextBox.value = '';
          len2 = aux2.length;
          for (i = len2 - 1; i >= 0; i--)
          objTextBox.value += aux2.charAt(i);
          objTextBox.value += SeparadorDecimal + aux.substr(len - 2, len);
      }
      return false;
  }    

 

Grato,

 

Cesar

[violin101 0]

Amigos, saudações.

 

Consegui resolver o meu problema, não sei se é a forma mais correta, mas de uma certa forma solucionou o problema.

O código ficou assim:
Formulário - INPUT

<div class="col-md-2">
   <label for="">Contagem Estoque </label>
   <input type="text" class="form-control" id="qtde" name="qtde" 
          style="font-size:15px; font-weight:bold; width:100%; text-align:center;" 
          placeholder="0,00" onblur="calcProd()" onkeyup="formata(this);"  > 
</div> 

 

O Javascript

  function formata(i) {
    //Adiciona os dados para a másrcara
    var decimais = 2;
    var separador_milhar = '.';
    var separador_decimal = ',';
    
    var decimais_ele = Math.pow(10, decimais);
    var thousand_separator = '$1'+separador_milhar;
    var v = i.value.replace(/\D/g,'');
    v = (v/decimais_ele).toFixed(decimais) + '';
    var splits = v.split(".");
    var p_parte = splits[0].toString().replace(/(\d)(?=(\d{3})+(?!\d))/g, thousand_separator);
    (typeof splits[1] === "undefined") ? i.value = p_parte : i.value = p_parte+separador_decimal+splits[1];
  }
  

  function id(valor_campo){
    return document.getElementById(valor_campo);
  }

  function getValor(valor_campo){
    var valor = document.getElementById(valor_campo).value.replace( ',', '.');
    return parseFloat( valor ) * 100;
  }


  function calcProd()
  {
    var total = getValor('qtde') - getValor('estoqprod');

    var vlrtotals = total / 100 ;    
    var vlrtotal = vlrtotals.toLocaleString('pt-br', {minimumFractionDigits: 2});   

    id('qtdeTotal').value = vlrtotal;  

  }