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

[Omar~ 87]

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat

 

[Felipe Guedes Coutinho 0]

Olá @violin101, tudo bem com você?

 

Vamos ser práticos, aqui está um código para você utilizar ai de forma rápida e inteligente.

// Função JavaScript para formatar de forma automática o INPUT no padrão Moeda BRL (R$ 0,00).

function moedaBRL(input) {
    // Remove caracteres não numéricos e mantém apenas números
    let valor = input.value.replace(/[^0-9]/g, '');

    // Verifica se há valor numérico
    if (valor === '') {
        valor = '0';
    }

    // Converte o valor para número
    let valorNumerico = parseFloat(valor) / 100;

    // Formata o valor como moeda BRL
    let valorFormatado = valorNumerico.toLocaleString('pt-BR', {
        style: 'currency',
        currency: 'BRL'
    });

    // Adiciona o símbolo de moeda
    input.value = valorFormatado;
}

 

A única coisa que você precisa fazer é chamar essa função no seu INPUT usando o evento onKeyUp passando como parâmetro THIS, THIS significa passar todos os atributos do INPUT em questão.

 

Exemplo de uma chamada:
 

<input type="text" id="inputValor" name="inputValor" value="R$ 0,00" onkeyup="moedaBRL(this)" required>

Então a cada número digitado o valor sera automativamente formatado no padrão R$ 0,00 com o R$ na frente.

Espero ter ajudado, caso tenha alguma dúvida só me marcar.